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

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

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

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

styles.lessdiv {
  .shadow(1px 1px red);
}

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

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

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

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