Как создать несколько значений box-shadow в LESS CSS

Прочтите это

Есть несколько "правильных" отвечает . Поскольку этот вопрос привлекает много трафика, я решил, что мне следует не отставать от того, (я думаю) лучший ответ - (на основе документации LESS) по мере развития проекта LESS, и соответственно измените мой принятый ответ.

Я использую LESS, и мне не удалось найти исправление, позволяющее использовать несколько теней CSS3 box-shadow. У меня есть следующий миксин:

.box-shadow(@arguments) {
    -webkit-box-shadow: @arguments;
    -moz-box-shadow: @arguments;
    box-shadow: @arguments;
}

, и я пытаюсь это сделать:

.box-shadow(
    inset 0 0 50px rgba(0,0,0,0.3),
    0 0 10px rgba(0,0,0,0.5);
);

Это работает в обычном CSS3, но не работает при запуске из файла LESS. Я где-то читал, что запятая, разделяющая 2 тени, вызывает проблему в анализаторе LESS.

Кто-нибудь знает, как заставить это работать? Единственное обходное решение, которое я могу придумать, - это создать дополнительный файл CSS, который содержит несколько моих свойств box-shadow.