LESS变量的字符串插值

Question

我在LESS中有一个媒体查询：@media (max-width: 1079px) { ... }。基本上我想在LESS中创建一个变量，我可以在样式表中说@media (*LESS variable goes here*) { ... }。如何将字符串max-width: 1079px插入到LESS变量中以实现此目的？

由于

Answer 1

对于变量，您可以escape the string value：

@media-max-width: ~"max-width: 1079px";

代码段：

@media-max-width: ~"max-width: 1079px";

@media (@media-max-width) {
  p {
    color: #f00;
  }
}

将输出以下内容：

@media (max-width: 1079px) {
  p {
    color: #f00;
  }
}

您也可以在变量中包括括号：

@media-max-width: ~"(max-width: 1079px)";

@media @media-max-width {
  p {
    color: #f00;
  }
}