Объединение через запятую в LESS

Пусть у нас есть функция, создающая тень блока:

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

Пусть мы хотим добавить две тени блоку, вызвав нашу функцию два раза:

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

У нас, однако, ничего не получится, ведь вызов двух теней просто добавит два свойства box-shadow:

p { box-shadow: 1px 1px red; box-shadow: 2px 2px blue; }

А мы бы хотели, чтобы тени были добавлены в одно свойство box-shadow через запятую, вот так:

p { box-shadow: 1px 1px red, 2px 2px blue; }

Для того, чтобы наша функция работала описанным образом, нужно значение свойства писать после специального оператора +:, вот так:

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

Сделайте аналогичную функцию для свойства text-shadow.

Сделайте аналогичную функцию для свойства background.