Пусть у нас есть функция, создающая тень блока:
.shadow(@s) {
box-shadow: @s;
}
Как вы видите, в нашей фунции один параметр. Это значит, что мы будем передавать в этот параметр все значения нашей тени через пробел, вот так:
div {
.shadow(1px 1px red);
}
В CSS, однако, можно задавать несколько теней, записывая их через запятую. В нашем случае такое, увы, не получится, так как запятая будет воспринята компилятором как разделитель между параметрами функции:
div {
.shadow(1px 1px red, 1px 1px blue); // выдаст ошибку
}
Выход, однако, есть. Мы можем заставить LESS воспринять нашу строку с запятой как один параметр. Для этого нужно завершить перечисление наших значений точкой с запятой:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Сделайте функцию, добавляющую фон. С помощью этой функции добавьте блоку несколько фонов.