sass 创建和使用混合
示例
要创建一个mixin,请使用@mixin指令。
@mixin default-box ($color, $borderColor) {
color: $color;
border: 1px solid $borderColor;
clear: both;
display: block;
margin: 5px 0;
padding: 5px 10px;
}您可以在mixin名称后面的括号内指定参数列表。切记以变量开头,$并用逗号分隔。
要在另一个选择器中使用mixin,请使用@include指令。
footer, header{ @include default-box (#ddd, #ccc); }从混入样式将目前在使用footer,并header与值#ccc的$color变量,#ddd为$borderColor变量。