如何定義變量少

Question

我試圖設立媒體查詢斷點變量少：

我的定義是這樣的：

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

所以，當我嘗試使用它，我做以下：

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

它幾乎工程，但這樣的編譯CSS最終看起來像它的OUPUTS雙引號，以及：

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