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