Parametri con virgole in LESS

Supponiamo di avere una funzione che crea l'ombra di un blocco:

styles.less.shadow(@s) {
  box-shadow: @s;
}

Come puoi vedere, la nostra funzione ha un parametro. Ciò significa che passeremo a questo parametro tutti i valori della nostra ombra separati da spazi, in questo modo:

styles.lessdiv {
  .shadow(1px 1px red);
}

In CSS, tuttavia, è possibile specificare più ombre, scrivendole separate da virgola. Nel nostro caso questo, ahimè, non funzionerà, poiché la virgola sarà interpretata dal compilatore come separatore tra i parametri della funzione:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // darà un errore
}

Esiste, tuttavia, una soluzione. Possiamo forzare LESS a interpretare la nostra stringa con la virgola come un unico parametro. Per farlo, è necessario terminare l'elenco dei nostri valori con un punto e virgola:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}