Wie kann ich String CSS in Sass/Scss entkommen?

Question

ich eine Zeichenfolge, die eine CSS-Wert enthalten, und ich will, es zu benutzen, aber mit gruntjs zurückkehren mir ein Fehler

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

das ist mein var

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

und das ist, wie ich es nennen:

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

in weniger kann ich es in diesem Modus entkommen:

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

Wie kann ich das gleiche in SASS/SCSS machen?

Dank

Answer 1

Sie Nutzung der unquote Funktion machen kann:

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

Um die Variable für die Medien Query-Definition zu verwenden:

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