明智的默认值
SASS 使你能够省略除了要覆盖的参数之外的任何参数。让我们再看一下 default-box
的例子:
@mixin default-box ($color: red, $borderColor: blue) {
color: $color;
border: 1px solid $borderColor;
clear: both;
display: block;
margin: 5px 0;
padding: 5px 10px;
}
这里我们现在称 mixin 已经覆盖了第二个参数
footer, header{ @include default-box ($borderColor: #ccc); }
$borderColor
的价值是 #ccc
,而 $color
则是 red