Regras Que Usam Arroba

Muita da funcionalidade adicional da Sass vem na forma de novas regras que usam arroba que ela adiciona sobre a CSS.

@use carrega as misturas, funções, e variáveis de outras folhas de estilo de Sass, e combina juntas a CSS de várias folhas de estilo.
@forward carrega uma folha de estilo de Sass e torna as suas misturas, funções, e variáveis disponíveis quando a tua folha de estilo for carregada com a regra @use.
@import estende a regra de CSS que usa arroba para carregar estilos, misturas, funções, e variáveis de outras folhas de estilo.
@mixin e @include torna fácil reutilizar pedaços de estilos.
@function define funções personalizadas que podem ser usadas em expressões de SassScript.
@extend permite os seletores herdarem estilos de outros seletores.
@at-root coloca estilos dentro isto na raiz do documento de CSS.
@error causa a falha de compilação com uma mensagem de erro.
@warn imprime um aviso sem interromper completamente a compilação.
@debug imprime uma mensagem para fins de depuração.
As regras de controlo de fluxo como @if, @each, @for, e @while controlam se ou quantas vezes os estilos são emitidos.

A Sass também algum comportamento especial para regras de CSS simples que usam arroba: elas podem conter interpolação, e podem ser encaixadas nas regras de estilo. Algumas delas, como @media e @supports, também permitem a SassScript ser usada diretamente na própria regra sem interpolação.