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