使用less.css循环打印媒体查询

Question

我使用less.css作为css预处理器，我很想知道是否可以使用less.css循环打印出媒体查询。

我尝试了一个非常基本的示例循环：

@iterations: 30;
.loopingClass (@index) when (@index > 0) {

    (~".myclass_@{index}") {
        font-size: -@index px;
    }

    .loopingClass(@index - 1);
}
.loopingClass (0) {}
.loopingClass (@iterations);

但这最终会创建一个类。 根据这个例子：

http://codepen.io/ericrasch/pen/HzoEx?editors=110

我们可以使用以下语法创建更少的媒体查询：

@mobile:      ~"only screen and (max-width: 529px)";
body {
  @media @mobile {
    background: orange;
    content: "mobile";
  }
}

但是，正如您所看到的，媒体查询值是变量而不是类。所以我的问题是，我可以使用less.css循环将媒体查询值打印为变量而不是类吗？或者这个问题有解决办法吗？

提前致谢