sass - 具有可变参数的 compass 背景混合

Question

这是我要完成的一个非常精简的测试用例:

这个有效:

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

这不起作用:

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

它给了我这个错误:“线性渐变 () 至少需要两个色标”

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

+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...))