Ստորակետներ պարունակող պարամետրերը LESS-ում

Ենթադրենք ունենք բլոկի ստվեր ստեղծող ֆունկցիա.

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

Ինչպես տեսնում եք, մեր ֆունկցիան ունի մեկ պարամետր։ Սա նշանակում է, որ մենք այս պարամետրին կփոխանցենք մեր ստվերի բոլոր արժեքները բացատով, ահա այսպես.

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