АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗mkLsBsPWC 26 of 41 menu

Параметры с запятыми в LESS

Пусть у нас есть функция, создающая тень блока:

.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;); }

Сделайте функцию, добавляющую фон. С помощью этой функции добавьте блоку несколько фонов.

enru