How can I escape string css in sass/scss?

Question

I have a string that contain a css value and I want to use it but with gruntjs return me an error

Syntax error: Invalid CSS after \"   @media \": expected me         


        

Answer 1

You can make use of the unquote function:

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

To use the variable for the media query definition:

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