# 1.@mixin混合宏的参数
* * *
## 1.1 传一个`不带值`的参数
~~~
@mixin bs($bs){
border-radius: $bs;
}
div{
@include bs(3px);
}
~~~
## 1.2带一个传值的参数
~~~
@mixin bs($bs:5px){
border-radius: $bs;
}
.one{
@include bs;
}
div{
@include bs(3px);
}
~~~
## 1.3有一个特别的参数“…”。当混合宏传的参数过多之时，可以使用参数来替代
~~~
@mixin box-shadow($shadows...){
@if length($shadows) >= 1 {
box-shadow: $shadows;
} @else {
$s: 1 0 2px rgba(#000,.25);
box-shadow: $s;
}
}
~~~
# 2.占位符 %placeholder
* * *
> %placeholder 声明的代码，如果不被 @extend 调用的话，不会产生任何代码
~~~
%mt5{
margin-top: 5px;
}
div{
@extend %mt5;
}
~~~
