[Sass]混合宏的參數--傳一個不帶值的參數

Sass 的混合宏有一個強大的功能，可以傳參，那麼在Sass 中傳參主要有以下幾種情形：

A) 傳一個不帶值的參數

在混合宏中，可以傳一個不帶任何值的參數，比如：

@mixin border-radius($radius){
  -webkit-border-radius: $radius;
  border-radius: $radius;
}

在混合宏“border-radius”中定義了一個不帶任何值的參數“$radius”。

在調用的時候可以給這個混合宏傳一個參數值：

.box {
  @include border-radius(3px);
}

這裡表示給混合宏傳遞了一個“border-radius”的值為“3px”。

編譯出來的CSS:

.box {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}