Komma-separerede parametre i LESS

Lad os sige, at vi har en funktion, der skaber en skygge for en blok:

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

Som du kan se, har vores funktion en parameter. Det betyder, at vi vil overføre alle vores skyggeværdier til denne parameter med mellemrum, sådan her:

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

I CSS kan man dog angive flere skygger ved at skrive dem adskilt af komma. I vores tilfælde villle dette desværre ikke virke, da kommaet vil blive opfattet af kompileren som en separator mellem funktionsparametre:

div {
	.shadow(1px 1px red, 1px 1px blue); // vil give en fejl
}

Der er dog en løsning. Vi kan tvinge LESS til at opfatte vores streng med komma som én parameter. For at gøre dette skal du afslutte opremsningen af vores værdier med et semikolon:

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

Lav en funktion, der tilføjer en baggrund. Brug denne funktion til at tilføje flere baggrunde til en blok.