MOINS - Mixins paramétriques
La description
Les mixins paramétriques utilisent un ou plusieurs paramètres qui étendent les fonctionnalités de LESS en prenant des arguments et ses propriétés pour personnaliser la sortie du mixin lorsqu'ils sont mixés dans un autre bloc.
Par exemple, considérons un simple extrait de code LESS -
.border(@width; @style; @color) {
border: @width @style @color;
}
.myheader {
.border(2px; dashed; green);
}
Ici, nous utilisons le mixin paramétrique comme .border avec trois paramètres - largeur, style et couleur. En utilisant ces paramètres, vous pouvez personnaliser la sortie mixin avec la valeur des paramètres passés.
Le tableau suivant décrit les différents types de mixins paramétriques avec une description.
N ° Sr. | Types et description |
---|---|
1 | Mixins avec plusieurs paramètres Les paramètres peuvent être séparés par des virgules ou des points-virgules. |
2 | Paramètres nommés Les mixins fournissent des valeurs de paramètres au lieu de positions en utilisant leurs noms. |
3 | Variable @arguments Lorsqu'un mixin est appelé, les @arguments incluent tous les arguments passés. |
4 | Arguments avancés et variable @rest Mixin prend un nombre variable d'arguments en utilisant ..... |
5 | Correspondance de motifs Modifiez le comportement de mixin en lui passant des paramètres. |