Parametri con virgole in LESS

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

.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:

div {
	.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:

div {
	.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:

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

Crea una funzione che aggiunga lo sfondo. Utilizzando questa funzione, aggiungi più sfondi a un blocco.