PartialsをSASSのPartialsにインポートすることはできますか？

Question

私は新しいウェブサイトをスタイルするためにSassを使用しています。
元々、自分の変数を定義したgeneral.scssとhomepage.scssなどのさまざまなページをインポートした私のstyle.scss（コンパイルするメインのSCSSファイル）。それはうまくいった。私はhomepage.scssをリファクタリングして、様々なセクション（例えばsection-a.scss）のScssをインポートしようとしました。意外なことに、すべての変数はSassコンパイラ（Prepros）によってもう認識されません。

私の質問は以下のとおりです。

1. 私はSASSでパーシャルにパーシャルをインポートすることはできますか？
2. 他のすべての部分でメインのscssファイル（コンパイルされたファイル）にインポートされた、部分的に宣言された変数を使用できますか？

言うまでもなく、すべての部分ファイル名はアンダースコアで始まります。

ありがとうございます！

Answer 1

これは、インポートを行う順序と関係があります。 （私はSCSS構文が何であるかを覚えていない...しかし、これは説明しなければならない）

// primary file master.scss or whatever importing partials... 
@import 'reset'; 
@import 'variables'; 
@import 'styles-etc'; 

// variables file/importing other partials 
@import 'variables/space'; 
@import 'variables/color'; 
@import 'variables/break-points'; 

// styles file 
body { 
    background: $color; // from variables/color... 
} 

：このような何かを動作するはず

私は決して誰も示唆していませんブートストラップ...しかし、それを見れば、このようなことがたくさんあります。

Answer 2

はい、Sassのパーシャルにパーシャルをインポートすることは可能です。また、同じメインサスファイルに直接的または間接的にインポートされている限り、他のパーシャルのいずれかに部分的に定義された変数を使用することは問題ありません。

私が遭遇したエラーは、ホームページパーシャルが置かれたフォルダをインポートしたときに、そのフォルダを指定しなかったために発生しました。輸入コードはでした：

@import 'partial'; 

私が使用している必要がありますコードはでしたが：

@import 'home/partial'