@規則
Sassの追加機能の多くは、@規則という形でCSSに追加されます。
-
@useは、他のSassスタイルシートからミックスイン、関数、および変数をロードし、複数のスタイルシートからのCSSを組み合わせて使用します。 -
@forwardは、Sassスタイルシートをロードし、@useルールでスタイルシートがロードされたときに、そのミックスイン、関数、および変数を使用できるようにします。 -
@importは、CSS @規則を拡張して、他のスタイルシートからスタイル、ミックスイン、関数、および変数をロードします。 -
@mixinと@includeを使用すると、スタイルのチャンクを簡単に再利用できます。 -
@functionは、SassScript式で使用できるカスタム関数を定義します。 -
@extendを使用すると、セレクターが別のセレクターからスタイルを継承できます。 -
@at-rootは、内部のスタイルをCSSドキュメントのルートに配置します。 -
@errorは、エラーメッセージでコンパイルを失敗させます。 -
@warnは、コンパイルを完全に停止せずに警告を出力します。 -
@debugは、デバッグ目的でメッセージを出力します。
Sassには、通常のCSS @規則に対する特別な動作もあります。それらは、インターポレーションを含めることができ、スタイルルールにネストできます。@mediaや@supportsのように、それらのいくつかは、インターポレーションなしでルール自体で直接SassScriptを使用することもできます。