Обединяване чрез запетая в 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;
}