less - 使用 Less 时如何将变量传递给 :extend？

Question

我想在 Less mixin 中使用一个变量，当传递给它时，:extend它的结果与我使用:extend类名字符串的结果相同。

在下面的示例中，我注释掉了一行，它通过使用:extend字符串来产生我想要的 CSS 输出。

但是我怎样才能用@class-name变量来做到这一点呢？

.class-to-be-extended {display: block;} 

.my-mixin (@class-name) {
  @class-string: ~".@{class-name}";

  .my-extra-class {

    // &:extend(.class-to-be-extended); // works

    &:extend(@{class-string}); // doesn't work, but no errors
  } 
}

.my-mixin(class-to-be-extended);

我想要的 CSS 输出是：

.class-to-be-extended,
.my-extra-class {
  display: block;
}

在撰写本文时，我正在使用我能找到的最新版本，即 Less 1.4.2

Answer 1

Less 版本 1.4.2 无法做到这一点。（感谢 Jon Schlinkert 通过 Twitter 让我知道）。

功能请求已提交到https://github.com/less/less.js/issues