Łączenie przez przecinek w LESS

Załóżmy, że mamy funkcję tworzącą cień bloku:

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

Załóżmy, że chcemy dodać dwa cienie do bloku, wywołując naszą funkcję dwa razy:

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

Jednak nic nam nie wyjdzie, ponieważ wywołanie dwóch cieni po prostu doda dwie właściwości box-shadow:

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

A chcielibyśmy, aby cienie zostały dodane do jednej właściwości box-shadow przez przecinek, w ten sposób:

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

Aby nasza funkcja działała w opisany sposób, należy zapisać wartość właściwości po specjalnym operatorze +:, w ten sposób:

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