Vesszőparaméterek a LESS-ben

Tegyük fel, hogy van egy függvényünk, amely blokkok árnyékát hozza létre:

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

Amint látod, a függvényünknek egy paramétere van. Ez azt jelenti, hogy ezen a paraméteren keresztül adjuk át az árnyék összes értékét szóközzel elválasztva, így:

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

A CSS-ben azonban több árnyék is megadható, vesszővel elválasztva. Esetünkben sajnos ez nem fog sikerülni, mert a vesszőt a fordító a függvény paramétereinek elválasztójaként fogja értelmezni:

div {
	.shadow(1px 1px red, 1px 1px blue); // hibát jelez
}

Van azonban kiút. Rákényszeríthetjük a LESS-et, hogy a vesszőt tartalmazó sztringünket egy paraméterként értelmezze. Ehhez pontosvesszővel kell lezárnunk az értékeink felsorolását:

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

Készíts egy függvényt, amely hátteret ad hozzá. Ennek a függvénynek a segítségével adj több hátteret egy blokkhoz.