MENO - Mixin parametrici

Descrizione

I mixin parametrici utilizzano uno o più parametri che estendono la funzionalità di LESS prendendo argomenti e le sue proprietà per personalizzare l'output del mixin quando vengono mixati in un altro blocco.

Ad esempio, considera un semplice snippet di codice MENO:

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

Qui stiamo usando il mixin parametrico come .border con tre parametri: larghezza, stile e colore. Utilizzando questi parametri, è possibile personalizzare l'output del mixin con il valore dei parametri passati.

La tabella seguente descrive i diversi tipi di mixin parametrici insieme alla descrizione.

Sr.No. Tipi e descrizione
1 Mixin con più parametri

I parametri possono essere separati utilizzando virgole o punto e virgola.

2 Parametri denominati

I mixin forniscono i valori dei parametri invece delle posizioni utilizzando i loro nomi.

3 @arguments Variabile

Quando viene chiamato un mixin, gli @arguments includono tutti gli argomenti passati.

4 Argomenti avanzati e variabile @rest

Mixin accetta un numero variabile di argomenti utilizzando .....

5 Pattern-matching

Modificare il comportamento del mixin passandogli parametri.