2016-10-07 4 views
1

sass:1つのvarを別のもので上書きする

scss\variables\_custom_variables.scssのような設定のSass変数ファイルがあります。

もちろん、我々は

a {color: $link-color;}

ようなルールを持っている scss\main\_main_nav.scssとナビゲーションのためのこの1のように設定し、当社のSASSファイルで使用するために入れた後

$link-color: $00f;

のようなものが含まれ、

これで、変数と同様にscss\main\のすべてを取り込むカスタムスタイリングを可能にする新しい機能が追加されました。

scss\main_2\_main_nav.scss無限

のようなものを作成する代わりに、私は$link-colorを再定義することができるようにしたいと思います。

私は単にscss\new_file\_variables.scssを作成し、

$link-color: #36c;

ようなオーバーライドのリストを持っている可能性が期待していたが、予想通り、これは動作しません。私はもっ​​とうまくいくことができますか? $var1: lightblue !default;

をし、あなたの中に@import可変ファイル場合$var1: red;

を使用して、テーマでそれらを上書き:デフォルトフラグを使用してベースの変数を定義することができ、すべての

+0

[彼らは輸入された後、私はSASSの変数をオーバーライドすることができますか?]の可能な重複(http://stackoverflow.com/questions/11773583/can-i-override-sass-variables-after-they -have-been-imported) – Hackerman

+0

私はそうは思わない: グローバルでは、変数を設定しているので、その時点で '!default'を使っています。しかし、我々は別の色のスキームを作成するつもりです、私は新しいルールの代わりにこれらの変数を再定義したいと思います。: 'global.scss:$ primary-color:red!default;'そして 'custom.scss:$原色:青;' スタック順序を尊重したにもかかわらず、コンパイルし続け: '$原色:赤;' –

答えて

関連する問題