SASSインポート変数

私は（色違いのために）異なる設定ファイルを作成し、私はbasic.scssをインポートし、別のファイルで変数を使用しようとすると、イムは、APP1のような複数のapp.scssファイルを作るつもり。 scssとapp2.scssは異なる色の異なる設定ファイルを使用します。SASSインポート変数

マイconfig1.scss

$primary-color : #6a7dcc; 
$primary-font-color: #ccc;

私basic.scss

body { 
    background-color: $primary-color; 
    color: $primary-font-color; 
}

私app1.scss

@import "config2.scss"; 
@import "basic.scss";

これは私にエラーを与える：

Error: Undefined variable: "$primary-color". on line 2 of app/css/basic.sc

他のインポートファイルでインポートされた変数を使用するにはどうすればよいですか？ Config1.scssは、変数$原色を持っているし、あなたのapp1.scssでconfig2.scssを（これは、変数$原色を持っていない）をインポートしているあなたの

@import "_config2"; 
@import "_basic";

出典

2016-05-24 Sven van den Boogaart

にそれを変更してみてください私はそれが理由だと思う。

出典

2016-05-24 22:08:17

SASSガイドより： "他のSassファイルに含めることができるCSSのスニペットが含まれていない部分的なSassファイルを作成することができます。これは、CSSをモジュール化してより簡単に保守するのに最適な方法です。 partialは単に先頭のアンダースコアで指定されたSassファイルで、_partial.scssのような名前にすることができます。アンダースコアは、ファイルが部分ファイルであり、CSSファイルに生成されるべきではないことをSassに知らせます。 @importディレクティブで使用されます。 " –

ファイル：

出典

2016-05-26 11:42:18

あなたはconfig1とconfig2のように見えます。それがタイプミスでない限り、@import config2.scssを@import config1.scssに変更するとうまくいくはずです。

Tl;変数が宣言されているファイルをインポートしていません。それを行うとそれは動作するはずです。

出典

2016-05-26 19:15:14 Pytth

@Pyth、それは何をしようとしていない、私は同じクラスが、異なる値を持っているので、私は異なる値を持つ2つの異なるファイルをインポートします。同じクラスで異なるプロパティを持つ2つの異なるファイルを生成します。 WimMertensの答えが働いた。 –

SASSインポート変数

答えて

関連する問題