どうもfujiharaです。この時期でも暑く感じるのは自分だけでしょうか? 本日はテーマ用CSSを作成する際に調べていたらSassの !defaultがすごく便利だったのでご紹介します。 Default Values Default Values この値は Sassで変数を使用する際に値の最後に追記すると既に変数として宣言されている場合は、変数を上書きしません。 テーマ用設定 以下のようにファイル構成をします。 --src --_base _variables.scss ... --themes theme-a.scss theme-b.scss common.scss ファイル _variables.scss $mainColor: green !default; $heading1Color: orange !default; ... common.scss import "_base
![Sassでテーマ用CSSを作成する | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)