[Sass]混合宏-調用混合宏

在Sass中通過@mixin關鍵詞聲明了一個混合宏，那麼在實際調用中，其匹配了一個關鍵詞“@include”來調用聲明好的混合宏。例如在你的樣式中定義了一個圓角的混合宏“border-radius”:

@mixin border-radius{
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

在一個按鈕中要調用定義好的混合宏“border-radius”，可以這樣使用：

button {
    @include border-radius;
}

這個時候編譯出來的CSS:

button {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}