Koma-parameetrid LESS-is

Oletame, et meil on funktsioon, mis loob kasti varju:

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

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

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

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}
Задание 1

Tehke funktsioon, mis lisab tausta. Kasutades seda funktsiooni, lisage kastile mitu tausta.