中混入

Question

SCSS多個屬性看看下面的例子：

@mixin placeholder ($color) { 
    &.-moz-placeholder { 
    color: $color; 
    } 

    &:-ms-placeholder { 
    color: $color; 
    } 
} 

@include placeholder(#999); 

而是我想插入多個屬性不僅在佔位風格的顏色。像這樣：

@mixin placeholder ($properties) { 
    &.-moz-placeholder { 
    $properties; 
    } 

    &:-ms-placeholder { 
    $properties; 
    } 
} 

@include placeholder(color: #999, text-shadow: 1px 0px 0px #000); 

這是可能的，如果是的話，如何？

Answer 1

正如@戴夫建議，你可以用無禮的@content指令做到這一點。這裏是你的榜樣是什麼樣子使用語法：

@mixin placeholder { 
    &.-moz-placeholder { 
    @content; 
    } 

    &:-ms-placeholder { 
    @content; 
    } 
} 

@include placeholder { 
    color: #999; 
    text-shadow: 1px 0px 0px #000; 
}; 

注意，通過內容塊，你可以使用大括號而非小括號。您可以在SASS documentation中閱讀更多內容。

Answer 2

您是否在尋找「將內容塊傳遞給Mixin」？

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixin-content