Общий @mixin для Sass с множеством и разнообразными значениями

Как создать общий @mixin в sass для нескольких значений с запятой ,, и теперь пользователь может не знать, сколько значений будет иметь каждый из элементов mixin?

Пользователь может захотеть поместить одну тень в каком-то случае и может быть 5 теней в другом стиле css и с разными значениями.

Каков наилучший подход или у нас есть выбор?

text-shadow: 0 0 5pt white,
 0 0 6pt white,
 0 0 7pt white,
 0 0 8pt white,
 0 0 9pt white,
 0 0 10pt white,
 0 0 11pt white,
 0 0 12pt white,
 0 0 13pt white,
 0 0 14pt white,
 0 0 15pt white,
 0 0 16pt white,
 0 0 17pt white,
 0 0 18pt white,
 0 0 19pt white;

Мне нужно иметь что-то вроде этого:

@mixin textShadow($h-shadow:$baseUnit * 0, $v-shadow:$baseUnit * 0, $blur:$baseUnit * 2, $color:white)
1 ответ

Из официальной документации :

Sass поддерживает "переменные аргументы", которые являются аргументами в конце объявления mixin, которые принимают все оставшиеся аргументы и упаковывают их как список. Эти аргументы выглядят как обычные аргументы, но за ними следует .... Например:

@mixin box-shadow($shadows...) {
 -moz-box-shadow: $shadows;
 -webkit-box-shadow: $shadows;
 box-shadow: $shadows;
}
.shadows {
 @include box-shadow(0px 4px 5px #666, 2px 6px 10px #999);
}

licensed under cc by-sa 3.0 with attribution.