sass/scssで文字列cssをエスケープできますか？

Question

私はCSSの値が含まれている文字列を持っていると私はそれを使用したいが、gruntjsと私にエラーを返す

Syntax error: Invalid CSS after " @media ": expected media query (e.g. print, screen, print and screen), was "$from-smartphon..." 

これは私のVAR

$from-smartphone-portrait:   "only screen and (min-width: 1px)"; 

であり、これは、私はそれを呼び出す方法です：

@media $from-smartphone-portrait { 
     // Smartphone portrait 
     body { 
      font-size: 12px; 
      line-height: 14px; 
     } 
    } 

私は、このモードでは、それを逃れることができLESSで

：

@from-smartphone-portrait:   ~"only screen and (min-width: 1px)"; 

SASS/SCSSで同じことをするにはどうすればよいですか？

おかげ

Answer 1

あなたはunquote機能を利用することができます：メディアクエリ定義のための変数を使用するには

$from-smartphone-portrait: unquote("only screen and (min-width: 1px)"); 

を：

@media #{$from-smartphone-portrait} {