MENOS - Mixins paramétricos

Descripción

Los mixins paramétricos usan uno o más parámetros que amplían la funcionalidad de LESS tomando argumentos y sus propiedades para personalizar la salida del mixin cuando se mezclan en otro bloque.

Por ejemplo, considere un simple fragmento de código MENOS:

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

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

Aquí estamos usando el mixin paramétrico como .border con tres parámetros: ancho, estilo y color. Con estos parámetros, puede personalizar la salida de mezcla con el valor de los parámetros pasados.

La siguiente tabla describe los diferentes tipos de mixins paramétricos junto con una descripción.

No Señor. Tipos y descripción
1 Mixins con múltiples parámetros

Los parámetros se pueden separar mediante comas o punto y coma.

2 Parámetros nombrados

Los mixins proporcionan valores de parámetros en lugar de posiciones utilizando sus nombres.

3 @argumentos Variable

Cuando se llama a un mixin, los @argumentos incluyen todos los argumentos pasados.

4 Argumentos avanzados y la variable @rest

Mixin toma un número variable de argumentos usando .....

5 La coincidencia de patrones

Cambie el comportamiento de mixin pasándole parámetros.