Обединяване чрез запетая в LESS
Нека имаме функция, която създава сянка на блок:
.shadow(@s) {
box-shadow: @s;
}
Нека искаме да добавим две сенки към блока, като извикаме нашата функция два пъти:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Ние обаче няма да получим нищо, защото
извикването на две сенки просто ще добави две свойства
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
А ние бихме искали сенките да бъдат добавени
в едно свойство box-shadow чрез запетая,
ето така:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
За да работи нашата функция по описания
начин, е необходимо стойността на свойството да се пише след
специален оператор +:, ето така:
.shadow(@s) {
box-shadow+: @s;
}
Направете подобна функция за свойството
text-shadow.
Направете подобна функция за свойството
background.