私はあなたがこのようなクラス内でインポートを行うことができることを知っています：
.my-class
{
@import "another-file.scss";
}
のクラス.fooが出力でanother-file.scssコンパイルされるよう.my-class .fooに。
私がやりたいのは、ファイル内のすべてのルールが次のように特定のクラスを追加するようにファイルをインポートすることです。
.my-class
{
&@import "another-file.scss";
}
このようなこと.fooではanother-file.scssにコンパイルします.my-class.foo出力に。
すべて同じ「キット」の一部であるため、すべてがクラスを共有するコンポーネントのセットを構築しています。それらすべてに、それらをそのように示すクラスを共有させたいのですが、すべてを共有したくありません1つの巨大な巣の下の同じファイル内。
これは可能ですか？
ありがとう！
これを実現するには、インポートするファイルのセレクターの前にを付ける必要があります&。
あなたは、次のファイルをインポートした場合、それはのためのルールを作成し.my-class.header、my-class.header.coolそしてmy-class.footer：
&.header {
color: blue;
&.cool {
font-size: 20px;
}
}
&.footer {
color: blue;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加