Vesszőparaméterek a LESS-ben

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

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

styles.lessdiv {
  .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:

styles.lessdiv {
  .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:

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