Sass - Diretivas Mixin

Mixins permitem a criação de um grupo de estilos, que são reutilizáveis ​​em toda a sua folha de estilo, sem a necessidade de recriação de classes não semânticas. No CSS, os mixins podem armazenar vários valores ou parâmetros e chamar a função; isso ajuda a evitar a gravação de códigos repetitivos. Os nomes do Mixin podem usar sublinhados e hifens de forma intercambiável. A seguir estão as diretrizes presentes no Mixins -

S. No. Diretriz e descrição
1 Definindo um Mixin

A diretiva @mixin é usada para definir o mixin.

2 Incluindo um Mixin

A diretiva @include é usada para incluir os mixins no documento.

3 Argumentos

Os valores SassScript podem ser considerados como argumentos em mixins, que são fornecidos quando o mixin é incluído e está disponível como variável dentro do mixin.

4 Passando Blocos de Conteúdo para um Mixin

Bloco de estilos é passado para o mixin.