LESS-ում ստորակետով միացում

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

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

Ենթադրենք՝ ուզում ենք բլոկին ավելացնել երկու ստվեր՝ կանչելով մեր ֆունկցիան երկու անգամ.

styles.lessp {
  .shadow(1px 1px red); 
  .shadow(2px 2px blue);
}

Սակայն մեզնից ոչինչ չի ստացվի, քանի որ երկու ստվերի կանչը պարզապես կավելացնի երկու հատկություն box-shadow.

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

Մենք կկամենայինք, որ ստվերները ավելացվեին մեկ հատկության մեջ box-shadow ստորակետով, ահա այսպես.

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

Որպեսզի մեր ֆունկցիան աշխատի նկարագրված եղանակով, անհրաժեշտ է հատկության արժեքը գրել հատուկ օպերատորի +: հետևից, ահա այսպես.

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