Parametri cu virgule în LESS

Să presupunem că avem o funcție care creează umbra unui bloc:

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

După cum vedeți, funcția noastră are un parametru. Aceasta înseamnă că vom transmite acestui parametru toate valorile umbrei noastre prin spațiu, astfel:

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

În CSS, totuși, se pot seta mai multe umbre, scriindu-le prin virgulă. În cazul nostru, din păcate, acest lucru nu va funcționa, deoarece virgula va fi percepută de compilator ca separator între parametrii funcției:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // va da eroare
}

Există, totuși, o soluție. Putem forța LESS să perceapă șirul nostru cu virgulă ca un singur parametru. Pentru a face acest lucru, trebuie să încheiem enumerarea valorilor noastre cu punct și virgulă:

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