私はapplication.css.scss
このような私のセットを持っています:
@import "base/variables";
@import "./application/application";
ドキュメントにあるように、私は Sprockets のディレクティブ ( require
、require_tree
、およびrequire_self
) をまったく使用していないため、内部で定義された変数base/_variables.scss
がグローバルであり、/application/application.scss
ファイルで使用できると期待していますが、そうではありません。
#content {
margin-top: $big;
}
エラーを返しますUndefined variable: "$big"
。
application.css.sass
ファイルで名前を付けてSASSで同じことを試しましたが/application/application.sass
、変数はグローバルのように見えますが、SCSS構文を使い続けたいと思いますが、設定して試しましたが、config.sass.preferred_syntax = :scss
まだ求められていますサス。
もちろん、変数が必要になるたびに変数ファイルをインポートすることもできますが、それは DRY の原則に反します。
変数をグローバルに使用可能にしながら、SCSS 構文を使用することは可能ですか? ここで何が欠けていますか?前もって感謝します。