如何在less中定义变量

Question

我正在尝试为less设置媒体查询断点的变量：

我的定义如下：

@sm-screen: "(min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})";

因此，当我尝试使用它时，我会执行以下操作：

@media @sm-screen {
   .something {
       display: none;
   }
}

它几乎可以工作，但它也会输出双引号，因此编译的css最终看起来像：

@media "(min-width: 768px) and (max-width: 991px)" {
    .something {
        display:none;
    }
}

我如何定义它以便编译的CSS没有包裹它的双引号？我试着从变量定义中删除它们但是然后少了不会编译我得到以下错误：

ParseError: Expected ')' in C:\xampp\htdocs\fund-manager\resources\assets\less\variables.less on line 11, column 14:

Answer 1

我必须使用〜字符来逃避字符串：

@sm-screen: ~"(min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})";