@media 查询中的 LESS 变量

Question

如何在 Adob​​e CQ5 中的 @media 查询中使用 LESS 变量？

myFile.less:

@myVar = 10px;
span {
    width: @myVar;
}

工作正常。

但是:

myFile.less:

@myVar = 400px;
@media all and (min-width: @myVar) {
   span{ 
       color:red;
   }
}

结果:

clientLib.css:

@media all and (min-width: @myVar) {
   span{ 
       color:red;
   }
}

Answer 1

此代码自版本 1.2.0(两年前发布)以来完全有效 LESS:

@myVar: 400px;
@media all and (min-width: @myVar) {
   span { 
       color:red;
   }
}

因此，假设 @myVar = 400px; 只是您的拼写错误，看来您有一段时间没有更新 CQ5 了。考虑将其升级到 5.6.1其中包括 LESS v1.3.3(也很古老，但至少它支持媒体查询中的变量)。

我还怀疑，只需将“less.js”文件(在其他 CQ 文件中找到)替换为其 newer version 即可手动更新 CQ 中包含的 LESS 脚本。 .