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.