Nun, ich denke, wie CSS auf natürliche Weise funktionieren würde, ist einfach, die Variablen zu überspringen und Folgendes zu tun:
/* Legen Sie die Design-Grundlage fest */
body {
border-width: 2px;
background-color: #3498db;
margin: 1rem;
}
/* Überschreiben Sie auf Komponentenebene, wenn Sie müssen */
.d-topic-list,
.d-sidebar {
border-width: 1px;
}
Vielleicht bin ich einfach alt.
Das wirkliche Problem ist dies
Beispiel: Einfach .btn oder button anvisieren:
.btn {
border: 1px solid red;
}
verfehlt die Beitrags-Buttons, zielt aber auf den Link „Ansichten“ und das Hamburger-Menü.
