sass混合宏

声明带参数的混合宏

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

调用混合宏：

button{
     @include border-radius;
}

混合宏的不足之处：

Sass 在调用相同的混合宏时， 并不能智能的将相同的样式代码块合并在一起 。这也是 Sass 的混合宏最不足之处。

当混合宏参数太多时，使用...代替

@mixin box-shadow($shadows...){
  @if length($shadows) >= 1 {
    -webkit-box-shadow: $shadows;
    box-shadow: $shadows;
  } @else {
    $shadows: 0 0 2px rgba(#000,.25);
    -webkit-box-shadow: $shadow;
    box-shadow: $shadow;
  }
}