@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; }