Parametri z vejicami v LESS
Recimo, da imamo funkcijo, ki ustvari senco bloka:
.shadow(@s) {
box-shadow: @s;
}
Kot vidite, ima naša funkcija en parameter. To pomeni, da bomo v ta parameter posredovali vse vrednosti naše sence s presledkom, takole:
div {
.shadow(1px 1px red);
}
V CSS pa lahko podamo več senc tako, da jih zapišemo z vejico. V našem primeru to na žalost ne bo šlo, saj bo vejica razumeta s strani prevajalnika kot ločilo med parametri funkcije:
div {
.shadow(1px 1px red, 1px 1px blue); // bo vrnilo napako
}
Obstaja pa rešitev. LESS lahko prisilimo, da naš niz z vejico razume kot en parameter. Za to moramo naš seznam vrednosti zaključiti s podpičjem:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Naredite funkcijo, ki doda ozadje. S pomočjo te funkcije dodajte bloku več ozadij.
