Parametri cu virgule în LESS
Să presupunem că avem o funcție care creează umbra unui bloc:
.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:
div {
.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:
div {
.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ă:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Creați o funcție care adaugă un fundal. Folosind această funcție, adăugați unui bloc mai multe fundaluri.
