LESSда вергулларли параметрлар

Фараз килайлик, бизда блок соясини яратувчи функция бор:

.shadow(@s) {
	box-shadow: @s;
}

Куриб турганингиздек, бизнинг функциямизда битта параметр бор. Бу шунни англатадики, биз ушбу параметрга соямизнинг барча кийматларини бушлиқ орқали узatкамиз, мана буunday:

div {
	.shadow(1px 1px red);
}

Аммо, CSSда бир нечта сояларни вергул орқали ёзиб, бериш мумкин. Бизнинг холдамизда бундай, афсуски, бўлмайди, чунки вергул компилятор томонидан функция параметрлари ўртасидаги ажраткич сифатида қабул қилинади:

div {
	.shadow(1px 1px red, 1px 1px blue); // хато беради
}

Аммо, чиқиш йўли бор. Биз LESSни вергулли сатримизни битта параметр сифатида қабул қилишига мажбур қилишимиз мумкин. Бунинг учун қийматларимиз руйхатини нуқтали вергул билан якунлаш керак:

div {
	.shadow(1px 1px red, 1px 1px blue;);
}

Фон қўшадиган функция яратинг. Ёрдамида блокка бир нечта фонлар қўшинг.