Question

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

$ bg-gradient：-moz-linear-gradient（90deg，rgb（32,40,0）0％，rgb（56,72,0）49％，rgb（84,111,0）100％）， -webkit-linear-gradient（左，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

多个渐变到sass变量

1 个答案: