Общий @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, которые принимают все оставшиеся аргументы и упаковывают их как список. Эти аргументы выглядят как обычные аргументы, но за ними следует <code>...</code>. Например:

@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.