LESS - Mixins Paramétricos

Descrição

Os mixins paramétricos usam um ou mais parâmetros que estendem a funcionalidade do LESS, pegando argumentos e suas propriedades para personalizar a saída do mixin quando mixados em outro bloco.

Por exemplo, considere um trecho de código LESS simples -

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

Aqui estamos usando o mixin paramétrico como .border com três parâmetros - largura, estilo e cor. Usando esses parâmetros, você pode personalizar a saída do mixin com o valor dos parâmetros passados.

A tabela a seguir descreve os diferentes tipos de mixins paramétricos junto com a descrição.

Sr. Não.	Tipos e descrição
1	Mixins com vários parâmetros Os parâmetros podem ser separados por vírgulas ou ponto e vírgula.
2	Parâmetros Nomeados Mixins fornecem valores de parâmetro em vez de posições usando seus nomes.
3	@arguments Variable Quando um mixin é chamado, os @arguments incluem todos os argumentos passados.
4	Argumentos avançados e a variável @rest O Mixin recebe um número variável de argumentos usando .....
5	Correspondência de padrões Mude o comportamento do mixin passando parâmetros para ele.