Združevanje z vejico v LESS
Recimo, da imamo funkcijo, ki ustvari senco bloka:
styles.less.shadow(@s) {
box-shadow: @s;
}
Recimo, da želimo bloku dodati dve senci tako, da našo funkcijo pokličemo dvakrat:
styles.lessp {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Vendar nam ne bo uspelo, saj
bodo klici dveh senc preprosto dodali dve lastnosti
box-shadow:
styles.cssp {
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:
styles.cssp {
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:
styles.less.shadow(@s) {
box-shadow+: @s;
}
Задание 1
Naredite podobno funkcijo za lastnost
text-shadow.
Задание 2
Naredite podobno funkcijo za lastnost
background.