sass 混合宏

复杂的混合宏:
上面是一个简单的定义混合宏的方法,当然, Sass 中的混合宏还提供更为复杂的,你可以在大括号里面写上带有逻辑关系,帮助更好的做你想做的事情,如:
$shadow...    表示要传入的参数个数很多 所以这样来显示
长度>=1 就是传参数的话就用自己传的。
else如果没有传,那就用默认的 $shadow:0 0 4px rgba(0,0,0,.3);
@mixin box-shadow($shadow...) {
  @if length($shadow) >= 1 {
    @include prefixer(box-shadow, $shadow);
  } @else{
    $shadow:0 0 4px rgba(0,0,0,.3);
    @include prefixer(box-shadow, $shadow);
  }
}

在一个按钮中要调用定义好的混合宏“border-radius”,可以这样使用:
button {
    @include border-radius;
}
原文地址:https://www.cnblogs.com/joer717/p/10646082.html