LESS 变量的字符串插值

【问题标题】：String interpolation for LESS VariablesLESS 变量的字符串插值
【发布时间】：2015-06-19 06:22:31
【问题描述】：

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

谢谢

【问题讨论】：

Fancy Media Queries with some LESS Magic 的可能重复项

标签： less string-interpolation

【解决方案1】：

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

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

代码sn-p：

@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;
  }
}

【讨论】：