Ну, я думаю, что естественная работа CSS — это просто пропустить переменные и сделать так:
/* Задание основы дизайна */
body {
border-width: 2px;
background-color: #3498db;
margin: 1rem;
}
/* Переопределение на уровне компонента при необходимости */
.d-topic-list,
.d-sidebar {
border-width: 1px;
}
Возможно, я просто старею.
Настоящая проблема вот в чём:
Пример: простое нацеливание на .btn или button:
.btn {
border: 1px solid red;
}
не затрагивает кнопки постов, но нацеливается на ссылку «просмотры» и гамбургер-меню.
