Unione tramite virgola in LESS

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

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

Supponiamo di voler aggiungere due ombre al blocco, richiamando la nostra funzione due volte:

p {
	.shadow(1px 1px red); 
	.shadow(2px 2px blue);
}

Tuttavia, non funzionerà, perché richiamare due ombre aggiungerà semplicemente due proprietà box-shadow:

p {
	box-shadow: 1px 1px red;
	box-shadow: 2px 2px blue;
}

E noi vorremmo che le ombre fossero aggiunte in una singola proprietà box-shadow separate da virgola, in questo modo:

p {
	box-shadow: 1px 1px red, 2px 2px blue;
}

Per far sì che la nostra funzione funzioni nel modo descritto, è necessario scrivere il valore della proprietà dopo l'operatore speciale +:, in questo modo:

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

Crea una funzione analoga per la proprietà text-shadow.

Crea una funzione analoga per la proprietà background.