删除空间时,LESS变量值的字符串(Remove space when LESS variable

2019-10-24 10:30发布

下面是例如小于混入代码

.mixin(@option) {
  .set(@options) when (@options = a){
    @type: linear;
  }

  .set(@option);

  background: -webkit-~'@{type}'-gradient(...);
}

输出

background: -webkit- linear -gradient(...);

我怎样才能把周围的空间linear

Answer 1:

少不支持通过变量代换就地级联中值的语句。 你需要为这个临时变量(+在这种特殊情况下的辅助变量来处理括号),例如:

@end-func: ~')';

div {
    @func: ~'-webkit-@{type}-gradient(';
    background: @func ... @end-func;
}


Answer 2:

尝试以下方法:

[更少功能]

.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;


文章来源: Remove space when LESS variable value to string
标签: less