多个渐变到 sass 变量

Question

我想将基于多浏览器的单个渐变值添加到一个 sass 变量。帮我语法。我尝试了以下语法但没有得到结果。编译器中止。

$bg-gradient : -moz-linear-gradient(90deg, rgb(32,40,0) 0%, rgb(56,72,0) 49%, rgb(84,111,0) 100%), -webkit-线性梯度（左，rgb（32,40,0）0％，rgb（56,72,0）49％，rgb（84,111,0）100％）， -o-线性梯度（左，rgb（32,40,0）0％，rgb（56,72,0）49％，rgb（84,111,0）100％）， 线性梯度（向右，rgb(32,40,0) 0%，rgb(56,72,0) 49%，rgb(84,111,0) 100%），

Answer 1

我认为您无法将其作为 sass 变量来完成；但是，可以使用 mixin 来获得相同的结果：

@mixin bggradient() {
    -moz-linear-gradient( 90deg, rgb(32,40,0) 0%, rgb(56,72,0) 49%, rgb(84,111,0) 100%), 
    -webkit-linear-gradient(left, rgb(32,40,0) 0%, rgb(56,72,0) 49%, rgb(84,111,0) 100%), 
    -o-linear-gradient(left, rgb(32,40,0) 0%, rgb(56,72,0) 49%, rgb(84,111,0) 100%), 
    linear-gradient(to right, rgb(32,40,0) 0%, rgb(56,72,0) 49%, rgb(84,111,0) 100%),
}

然后在你的 sass 代码中调用这个 mixin：

@include bggradient();

这里有更多关于 mixins 的信息：http://sass-lang.com/guide

---