@mixin border-radius($radius){
-webkit-border-radius: $radius;
border-radius: $radius;
}
.box {
@include border-radius(3px);
}
你也可以传一个带值的参数
@mixin border-radius($radius:5px){ -webkit-border-radius: $radius; border-radius: $radius; } .box { @include border-radius(3px); } .box1 { @include border-radius; }
可以在调用混合宏的时候,自己设置所需的参数值
在下面的.box使用的时候调用宏,相当于设置
.box {
@include border-radius(3px);
}
编译出来的就是:
.box {
-webkit-border-radius: 3px;
border-radius: 3px; }