Parametre s čiarkami v LESS
Majme funkciu, ktorá vytvára tieň bloku:
.shadow(@s) {
box-shadow: @s;
}
Ako vidíte, naša funkcia má jeden parameter. To znamená, že do tohto parametra budeme odovzdávať všetky hodnoty nášho tieňa cez medzeru, takto:
div {
.shadow(1px 1px red);
}
V CSS však môžeme zadať viacero tieňov zadaním ich oddelených čiarkou. V našom prípade to, bohužiaľ, nebude fungovať, pretože čiarka bude kompilátorom vnímaná ako oddeľovač medzi parametrami funkcie:
div {
.shadow(1px 1px red, 1px 1px blue); // vypíše chybu
}
Riešenie však existuje. Môžeme donútiť LESS vnímať náš reťazec s čiarkou ako jeden parameter. Aby sme to dosiahli, musíme ukončiť zoznam našich hodnôt bodkočiarkou:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Vytvorte funkciu, ktorá pridáva pozadie. Pomocou tejto funkcie pridajte bloku viacero pozadí.
