明智的預設值

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