Parametry s čárkami v LESS
Předpokládejme, že máme funkci vytvářející stín bloku:
.shadow(@s) {
box-shadow: @s;
}
Jak vidíte, naše funkce má jeden parametr. To znamená, že do tohoto parametru budeme předávat všechny hodnoty našeho stínu mezerou, takhle:
div {
.shadow(1px 1px red);
}
V CSS však lze nastavit více stínů zapsáním čárkou. V našem případě to bohužel nepůjde, protože čárka bude kompilátorem vnímána jako oddělovač mezi parametry funkce:
div {
.shadow(1px 1px red, 1px 1px blue); // vypíše chybu
}
Řešení však existuje. Můžeme donutit LESS vnímat náš řetězec s čárkou jako jeden parametr. K tomu je třeba ukončit výčet našich hodnot středníkem:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Vytvořte funkci, která přidává pozadí. Pomocí této funkce přidejte bloku několik pozadí.
