Я пытаюсь придумать способ создания темы на основе классов с использованием SASS, но, поскольку я новичок в этом, я недостаточно знаю, чтобы заставить ее работать, или знаю, стоит ли моя попытка того.
Я хочу, чтобы тема была основана на классе, который установлен либо в теге HTML, либо в теге Body. Затем все цвета, фоны и т. д. являются производными от этого.
Я хочу, чтобы SASS выполнял всю работу на ногах. Пожалуйста, извините за грубый пример, поскольку я говорю, что я новичок в этом:
$baseBackground: #0f0;
.blue {
$baseBackground: #0f0;
}
.red {
$baseBackground: #0f0;
}
.header {
background: $baseBackground;
}
Если блок кода выше SASS, я хочу, чтобы CSS выглядел так:
.header {
background: #0f0;
}
.blue .header {
background: #00f;
}
.red .header{
background: #f00;
}
Я понятия не имею, возможно ли это или нет. Очевидно, что приведенный выше пример не работает. Есть ли способ справиться с этим без создания дополнительных стилей?
Большое спасибо за ваше время.
Крис