与普通缀

Question

在SCSS嵌套属性，与普通前缀特性可以描述为嵌套属性。因此，在example，

.funky{ 
    font: 2px/3px{ 
    family: fantasy; 
    size: 30em; 
    weight: bold; 
    } 
} 

被编译为：

.funky{ 
    font: 2px/3px; 
    font-family: fantasy; 
    font-size: 30em; 
    font-weight: bold; 
} 

我该怎么做与普通贴上性质类似的事情？我怎样才能编写一个嵌套的属性，将编译为：

.funky{ 
    color: red; 
    background-color: green; 
    border-color: blue; 
} 

Answer 1

萨斯没有这样的概念构造。你必须修补它或写一个详细的mixin做到这一点。

@mixin color($background: null, $border: null, $font: null) { 
    background-color: $background; 
    border-color: $border; 
    color: $font; 
} 

.foo { 
    @include color($background: green, $font: red); 
}