Как я могу избежать строки css в sass/scss?

У меня есть строка, содержащая значение 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;
        }
    }

в МЕНЬШЕ Я могу избежать этого в этом режиме:

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

Как я могу сделать то же самое в SASS/SCSS?

Спасибо

Ответы

Ответ 1

Вы можете использовать функцию unquote:

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

Чтобы использовать переменную для определения запроса мультимедиа:

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