プロジェクトのすべての SASS 変数定義を保存する 1 つの中央 .scss ファイルを保持したいと思います。
// _master.scss
$accent: #6D87A7;
$error: #811702;
$warning: #F9E055;
$valid: #038144;
// etc...
プロジェクトの性質上、多数の CSS ファイルが含まれます。プロジェクト全体のスタイル変数をすべて 1 か所で宣言することが重要です。
SCSS でこれを行う方法はありますか?
ベストアンサー1
次のように実行できます:
utilitiesというフォルダがあり、その中に_variables.scssというファイルがあります。
そのファイルでは次のように変数を宣言します。
$black: #000;
$white: #fff;
次に、style.scss ファイルを作成し、その中に他のすべての scss ファイルを次のようにインポートします。
// Utilities
@import "utilities/variables";
// Base Rules
@import "base/normalize";
@import "base/global";
その後、インポートしたファイル内で、宣言した変数にアクセスできるようになります。
変数ファイルは、他のファイルよりも先にインポートするようにしてください。