我目前正在使用罗盘框架和所有有用的CSS3 mixins.我想使用border-radius(5px)mixin并拥有来自它的所有属性标记!important
在LESS中,可以!important通过在调用后简单地指定它来应用于mixin中的所有属性
.myMixin(@x) {
border-radius: @x;
-moz-border-radius: @x;
}
.myClass {
.myMixin(5px) !important;
}
Run Code Online (Sandbox Code Playgroud)
编译成
.myClass {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
Run Code Online (Sandbox Code Playgroud)
在SASS中这是可能的,还是我必须用一个重要的参数重写mixins?
@mixin my-border-radius($value, $important: false) {
border-radius: @value if($important, !important, null);
....
}
Run Code Online (Sandbox Code Playgroud)