Bem, eu acho que como o CSS funcionaria naturalmente seria simplesmente ignorar as variáveis e fazer
/* Define a base do design */
body {
border-width: 2px;
background-color: #3498db;
margin: 1rem;
}
/* Sobrescreva no nível do componente quando precisar */
.d-topic-list,
.d-sidebar {
border-width: 1px;
}
Talvez eu seja apenas velho.
O verdadeiro problema é este
Exemplo: simplesmente direcionar .btn ou button:
.btn {
border: 1px solid red;
}
perde os botões de postagem, mas direciona o link de “visualizações” e o menu hambúrguer.
