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. |