At-Rules

Ein Großteil der zusätzlichen Funktionalität von Sass kommt in Form neuer At-Regeln, die es über CSS hinaus hinzufügt.

@use lädt Mixins, Funktionen und Variablen aus anderen Sass-Stylesheets und kombiniert CSS aus mehreren Stylesheets zusammen.
@forward lädt ein Sass-Stylesheet und macht seine Mixins, Funktionen und Variablen verfügbar, wenn Ihr Stylesheet mit der Regel @use geladen wird.
@import erweitert die CSS-At-Regel, um Stile, Mixins, Funktionen und Variablen aus anderen Stylesheets zu laden.
@mixin und @include machen es einfach, Stilblöcke wiederzuverwenden.
@function definiert benutzerdefinierte Funktionen, die in SassScript-Ausdrücken verwendet werden können.
@extend ermöglicht es Selektoren, Stile voneinander zu erben.
@at-root platziert die darin enthaltenen Stile am Stammverzeichnis des CSS-Dokuments.
@error lässt die Kompilierung mit einer Fehlermeldung fehlschlagen.
@warn gibt eine Warnung aus, ohne die Kompilierung vollständig zu stoppen.
@debug gibt eine Nachricht zu Debugging-Zwecken aus.
Flusskontrollregeln wie @if, @each, @for und @while steuern, ob und wie oft Stile ausgegeben werden.

Sass hat auch ein spezielles Verhalten für einfache CSS-At-Regeln: Sie können Interpolation enthalten und sie können in Stilregeln verschachtelt werden. Einige von ihnen, wie @media und @supports, erlauben auch die direkte Verwendung von SassScript in der Regel selbst ohne Interpolation.