Združevanje z vejico v LESS
Recimo, da imamo funkcijo, ki ustvari senco bloka:
.shadow(@s) {
box-shadow: @s;
}
Recimo, da želimo bloku dodati dve senci tako, da našo funkcijo pokličemo dvakrat:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Vendar nam ne bo uspelo, saj
bodo klici dveh senc preprosto dodali dve lastnosti
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Mi pa bi želeli, da se senci dodata
v eno lastnost box-shadow z vejico,
takole:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Da bi naša funkcija delovala na opisan
način, je treba vrednost lastnosti zapisati za
posebnim operatorjem +:, takole:
.shadow(@s) {
box-shadow+: @s;
}
Naredite podobno funkcijo za lastnost
text-shadow.
Naredite podobno funkcijo za lastnost
background.
