Koma-parameetrid LESS-is
Oletame, et meil on funktsioon, mis loob kasti varju:
.shadow(@s) {
box-shadow: @s;
}
Nagu näete, on meie funktsioonil üks parameeter. See tähendab, et me edastame sellesse parameetrisse kõik meie varju väärtused tühikuga eraldatuna, niimoodi:
div {
.shadow(1px 1px red);
}
CSS-is saab aga määrata mitu varju, kirjutades need komaga eraldatuna. Meie juhul see kahjuks ei õnnestu, kuna koma vaadatakse kompilaatori poolt kui funktsiooni parameetrite eraldajat:
div {
.shadow(1px 1px red, 1px 1px blue); // annab vea
}
Lahendus on aga olemas. Saame sundida LESS-i pidama meie komasid sisaldavat stringi ühe parameetrina. Selleks tuleb meie väärtuste loetelu lõpetada semikooloniga:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Tehke funktsioon, mis lisab tausta. Kasutades seda funktsiooni, lisage kastile mitu tausta.
