指南针背景mixin与可变参数

Question

这是我正在努力完成的一个非常简化的测试案例：

这有效：

html
  $gradient: red, salmon
  +background(linear-gradient($gradient))

这不起作用：

html
  $gradient: top, red, salmon
  +background(linear-gradient($gradient))

它给了我这个错误：“At least two color stops are required for a linear-gradient()”

然而，$gradient: top, red 10%, salmon 10%不起作用。 $gradient: 35% 10%, red 10%, salmon 10%也没有。我需要能够将渐变语法的任何有效CSS3组合传递到mixin，甚至是多个渐变。

+background(linear-gradient(35% 10%, red 10%, salmon 10%))有效，所以我认为它也应该带有可变占位符。

如何让+background接受我传递的任何有效CSS？

Answer 1

使用Sass Variable Arguments：

html
  $gradient: top, red, salmon
  +background(linear-gradient($gradient...))

Answer 2

html
  $gradient: linear-gradient(top, red, salmon)
  +background($gradient)

这适用于我正在尝试做的事情，但如果我需要一个mixin来始终是一个线性渐变，它就不理想或非常干。