带参数的mixin的变量名称较少

时间:2016-09-29 17:23:46

标签: less css-preprocessor

我想要的: 带有由变量命名的参数的mixin。

没有参数,它就像一个魅力:

@foo: test;

.@{foo} {
    length: 20px;
}

.bar {
  .test;
}

推出:

.bar {
    length: 20px; 
}

到目前为止的Perfetct。 现在我想这样做:

@foo: test;

.@{foo}(@var) {
    length: @var;
}

.bar {
    .test(20px);
}

遗憾的是输出..

  

ParseError:缺少关闭')'在第3行第9栏:

     

2

     

3. @ {foo}(@ var){

     

4长度:@var;

我已经尝试过所有疯狂的逃避行为。到目前为止没有运气。

有什么想法吗?

0 个答案:

没有答案