Komma-Verbund in LESS

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

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

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

p {
	.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:

p {
	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:

p {
	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:

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

Erstellen Sie eine ähnliche Funktion für die Eigenschaft text-shadow.

Erstellen Sie eine ähnliche Funktion für die Eigenschaft background.