多個漸變到sass變量

我想將基於多瀏覽器的單個漸變值添加到一個sass變量。幫助我的語法。我嘗試了下面的語法，但沒有得到結果。編譯器中止。（90deg，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％），- -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％），多個漸變到sass變量

來源

2016-05-07 TheLiquidCharcoal

波旁的mixin庫有一個專門爲此的mixin：http://bourbon.io/docs/#linear-gradient – alexbea

我不認爲你可以完成這個作爲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%), 
}

然後把這種混入你的青菜代碼：

@include bggradient();

下面是關於混入的更多信息：http://sass-lang.com/guide

來源

2016-05-07 14:49:48 jbrya029

感謝您提醒我mixin可以在這方面有所幫助。 – TheLiquidCharcoal

我按照以下方式解決了這個問題。 _Sass爲密新中**混入-lc.sass **文件：_ '= bggradient（） \t背景：線性梯度（向右，RGB（32,40,0）0％，RGB（ 56.72,0）49％，rgb（84,111,0）100％） \t背景：-moz-線性梯度（90deg，rgb（32,40,0）0％，rgb（56,72,0） 49％，rgb（84,111,0）100％） \t背景：-webkit-線性梯度（90deg，rgb（32,40,0）0％，rgb（56,72,0）49％，rgb（84,111 ，0）100％） \t背景：-ms-線性梯度（90deg，rgb（32,40,0）0％，rgb（56,72,0）49％，rgb（84,111,0）100％） ' _致電薩斯_ ' @import mixins-lc .bg-grad \t + bggradient ' – TheLiquidCharcoal

多個漸變到sass變量

回答

相關問題