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 непосредственно в самом правиле без интерполяции.