1

コンマを含む複数の値に対して sass でジェネリック @mixin を作成するには,どうすればよいですか?

ユーザーは、場合によっては 1 つの影を配置したい場合があり、異なる css スタイルで異なる値を持つ 5 つの影を配置する場合があります。

最善のアプローチは何ですか、それとも選択肢はありますか?.

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)
4

1 に答える 1

3

公式ドキュメントから：

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);
}
于 2013-08-14T11:19:27.330 に答える