css - 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';

}