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.