使用:使用@ {param}进行扩展

时间:2014-05-08 01:05:08

标签: css less gruntjs

我让mixi接收了两个参数,实际上是两个类(.class-name)

我试图用&扩展这个类。 @ {param}。尽管copilador没有给出错误,但最终的css没有延长课程。

有没有人知道如何做到这一点?

.make-icon-button(@extend, @icon){

    &:extend(@{extend});
    &:hover{
        &:extend(@{extend}:hover);
    }

    &:after{
        &:extend(.glyphicon);
        &:extend(@{icon}:before);
    }
}

.btn-pencil-right {
    .make-icon-button('.btn-success', '.glyphicon-pencil');
    .make-animation-slide-to-right();
}

1 个答案:

答案 0 :(得分:1)

使用extend匹配变量是不可能的(从Less 1.7.0开始)。来自文档:

  

Extend无法将选择器与变量匹配。如果selector包含变量,则extend将忽略它。

请参阅Selector Interpolation with Extend