Параметры з коскамі ў 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;);
}

Зрабіце функцыю, якая дадае фон. З дапамогай гэтай функцыі дадайце блоку некалькі фонаў.