嵌套背景屬性

Question

我想嵌套「背景」屬性。我可以在SCSS中做到這一點嗎？

background:{ 
    #efefef; 
    linear-gradient(top, $backcolor 0%, #bbbbbb 100%); 
    -moz-linear-gradient(top, $backcolor 0%, #bbbbbb 100%); 
    -webkit-linear-gradient(top, $backcolor 0%,#bbbbbb 100%); 
    } 

Answer 1

我不是你的意思是「鳥巢」有什麼很清楚，但我要承擔的background: linear-gradient，這意味着加前綴版本。您可以實現這一目標用一個簡單的混入，或使用Compass：

混入

@mixin gradient ($solid, $start, $stop) { 
    background: $solid; 
    background: -moz-linear-gradient(top, $start 0%, $stop 100%); 
    background: -webkit-linear-gradient(top, $backcolor 0%, $stop 100%); 
    background: linear-gradient(top, $start 0%, $stop 100%); 
} 

body { 
    @include gradient(#efefef, $backcolor, #bbbbbb); 
} 

指南針

body { 
    @include background(linear-gradient(top, $backcolor 0%, #bbbbbb 100%), #efefef); 
} 

我會強烈建議指南針，如果你打算做在SASS工作很多。