WENIGER - Parametrische Mixins
Beschreibung
Parametrische Mixins verwenden einen oder mehrere Parameter, die die Funktionalität von LESS erweitern, indem sie Argumente und deren Eigenschaften verwenden, um die Mixin-Ausgabe anzupassen, wenn sie in einen anderen Block gemischt werden.
Betrachten Sie zum Beispiel ein einfaches WENIGER Code-Snippet -
.border(@width; @style; @color) {
border: @width @style @color;
}
.myheader {
.border(2px; dashed; green);
}
Hier verwenden wir das parametrische Mixin als .border mit drei Parametern - Breite, Stil und Farbe. Mit diesen Parametern können Sie die Mixin-Ausgabe mit dem übergebenen Parameterwert anpassen.
In der folgenden Tabelle werden die verschiedenen Arten von parametrischen Mixins zusammen mit der Beschreibung beschrieben.
Sr.Nr. | Typen & Beschreibung |
---|---|
1 | Mixins mit mehreren Parametern Parameter können durch Kommas oder Semikolon getrennt werden. |
2 | Benannte Parameter Mixins liefern Parameterwerte anstelle von Positionen unter Verwendung ihrer Namen. |
3 | @arguments Variable Wenn ein Mixin aufgerufen wird, enthalten die @arguments alle übergebenen Argumente. |
4 | Erweiterte Argumente und die Variable @rest Mixin verwendet eine variable Anzahl von Argumenten ..... |
5 | Mustervergleich Ändern Sie das Verhalten des Mixins, indem Sie ihm Parameter übergeben. |