Styliser Discourse avec des variables : un plaidoyer pour une sémantique plus simple

Eh bien, je pense que la façon dont le CSS fonctionnerait naturellement serait simplement d’ignorer les variables et de faire

/* Définir les bases du design */
body {
  border-width: 2px;
  background-color: #3498db;
  margin: 1rem;
}

/* Surcharger au niveau du composant lorsque nécessaire */
.d-topic-list,
.d-sidebar {
  border-width: 1px;
}

Peut-être que je suis juste vieux.
Le vrai problème est ceci

Exemple : cibler simplement .btn ou button :

.btn {
    border: 1px solid red;
}

manque les boutons de publication mais cible le lien « vues » et le menu hamburger.

1 « J'aime »