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} {