SASS: условные переменные

Question

Я пытаюсь здесь что-то простое. Я хочу установить глобальные переменные в соответствии с основным классом. Например:

body.professional {
    $c1: #00B143;
    $c2: #151018;
}
.container {
    color: $c1;
}

Это возможно?

Спасибо!

Answer 1

Понял. Просто.

Соберите все классы CSS в отдельный файл и включите его.

body.professional {
    $c1: #00B143;
    $c2: #151018;
    @import 'base.scss';
}

body.clientes {
    $c1: #4A8FE5;
    $c2: #393C42;
    @import 'base.scss';

}