Concatenarea cu virgulă în LESS

Să presupunem că avem o funcție care creează umbra unui bloc:

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

Să presupunem că vrem să adăugăm două umbre blocului, apelând funcția noastră de două ori:

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

Totuși, nu vom reuși nimic, deoarece apelarea a două umbre va adăuga pur și simplu două proprietăți box-shadow:

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

Și noi am vrea ca umbrele să fie adăugate într-o singură proprietate box-shadow separate prin virgulă, astfel:

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

Pentru ca funcția noastră să funcționeze în modul descris, valoarea proprietății trebuie scrisă după operatorul special +:, astfel:

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