At-Правила

Большая часть дополнительных функций Sass представлена в виде новых at-правил, которые он добавляет поверх CSS:

  • @use загружает миксины, функции и переменные из других таблиц стилей Sass и объединяет CSS из нескольких таблиц стилей вместе.

  • @forward загружает таблицу стилей Sass и делает ее миксины, функции и переменные доступными, когда ваша таблица стилей загружается с правилом @use.

  • @import расширяет at-правило CSS для загрузки стилей, миксинов, функций и переменных из других таблиц стилей.

  • @mixin and @include упрощает повторное использование фрагментов стилей.

  • @function определяет пользовательские функции, которые могут использоваться в выражениях SassScript.

  • @extend позволяет селекторам наследовать стили друг от друга.

  • @at-root помещает стили внутри него в корень документа CSS.

  • @error вызывает сбой компиляции с сообщением об ошибке.

  • @warn выводит предупреждение без полной остановки компиляции.

  • @debug выводит сообщение для отладки.

  • Правила управления потоком, такие как @if, @each, @for и @while, определяют, будут ли и сколько раз генерироваться стили.

Sass также имеет особое поведение для простых CSS at-правил: они могут содержать интерполяцию, и они могут быть вложены в правила стиля. Некоторые из них, такие как @media и @supports, также позволяют использовать SassScript непосредственно в самом правиле без интерполяции.