下面是例如小于混入代码
.mixin(@option) {
.set(@options) when (@options = a){
@type: linear;
}
.set(@option);
background: -webkit-~'@{type}'-gradient(...);
}
输出
background: -webkit- linear -gradient(...);
我怎样才能把周围的空间linear
?
下面是例如小于混入代码
.mixin(@option) {
.set(@options) when (@options = a){
@type: linear;
}
.set(@option);
background: -webkit-~'@{type}'-gradient(...);
}
输出
background: -webkit- linear -gradient(...);
我怎样才能把周围的空间linear
?
少不支持通过变量代换就地级联中值的语句。 你需要为这个临时变量(+在这种特殊情况下的辅助变量来处理括号),例如:
@end-func: ~')';
div {
@func: ~'-webkit-@{type}-gradient(';
background: @func ... @end-func;
}
尝试以下方法:
[更少功能]
.transition(@propValue) {
-moz-transition: e(%("-moz-%a", @propValue));
-webkit-transition: e(%("-webkit-%a", @propValue));
-ms-transition: e(%("-ms-%a", @propValue));
transition: @propValue;
}
[CSS]
.transition(e("transform 0.5s ease"));
[输出]
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;