@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}
.box { @include border-radius(10px); }
=border-radius($radius)
-webkit-border-radius: $radius
-moz-border-radius: $radius
-ms-border-radius: $radius
border-radius: $radius
.box
+border-radius(10px)
.box {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
指令 | 说明 |
定义mixin | @mixin指令用于定义mixin。 |
包含mixin | @include指令用于在文档中包括混合。 |
参数 | Argments是SassScript值,当包含mixin并将其作为变量使用时,可以在mixins中采用。 |
将内容块传递到mixin | 它指定传递给mixin的样式块。 |