在LESS中，如何在另一个内部使用变量？

Question

变量@screen-xs-max是一个Bootstrap 3变量。在我的mixin中，我想使用@class变量动态获取Bootstrap变量。

这是一个无效的解决方案：

.make-btn-block (@class) {
  @media (max-width: @screen-@{class}-min) {
    // Code
  }
}

.make-btn-block(xs);

另一种无效的解决方案：

~"@{@screen-@{class}-min}"

Answer 1

见referencing variables by name。 E.g：

.make-btn-block(@device) {
    @max: "screen-@{device}-max";
    @media (max-width: @@max) {
        color: red;
    }
}