Komma-Verbund in LESS

Angenommen, wir haben eine Funktion, die einen Blockschatten erzeugt:

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

Angenommen, wir möchten einem Block zwei Schatten hinzufügen, indem wir unsere Funktion zweimal aufrufen:

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

Allerdings werden wir damit nicht erfolgreich sein, denn der Aufruf von zwei Schatten wird einfach zwei Eigenschaften box-shadow hinzufügen:

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

Was wir jedoch wollen, ist, dass die Schatten in eine Eigenschaft box-shadow durch ein Komma getrennt hinzugefügt werden, so wie hier:

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

Damit unsere Funktion auf die beschriebene Weise funktioniert, muss der Eigenschaftswert nach einem spezielle Operator +: geschrieben werden, so wie hier:

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