Экранирование в SCSS?

Question

[ivan1kazantsev]

Заголовок отражает суть вопроса.

Для примера, в LESS:
~'(max-width: 575px)';

Как экранировать строку в SCSS?

P. S. Я искал, но, возможно, плохо искал.

Upd. Ну понятно, нет такой плюшки в scss. Такое поведение возможно с интерполяцией, но не так удобно.

Answer 1

[Евгений Кузовлев]

Если я правильно понял, то так:
sass-lang.com/documentation/file.SASS_REFERENCE.ht...

Comments

[ivan1kazantsev]

Ну этот вариант пробовал, но хотелось бы поведения как в LESS:
@media @extra-small {}
=>
@media (max-width: 575px) {}

[Евгений Кузовлев]

Так запишите условие в переменную и подставляйте ее в медиа:
$xs = "(max-width: 575px)"
Как то так, насчет работоспособности не могу сказать, т.к. не за компом уже

[ivan1kazantsev]

Евгений Кузовлев: согласись, в less это красивее и удобнее, чем так: @media #{$extra-small}

[ivan1kazantsev]

Евгений Кузовлев: да как это делать с интерполяцией-то я и без тостера догадался ;) Я думал, мб, есть полный аналог только с другими символами. Ну поэтому и не нагуглил.

[Евгений Кузовлев]

ivan1kazantsev: я использую миксин для медиа запросов, вот это удобнее)

[ivan1kazantsev]

Евгений Кузовлев: типа с передачей параметров?

[Евгений Кузовлев]

ivan1kazantsev: да

[ivan1kazantsev]

Евгений Кузовлев: самописный или откуда-то тащил?

[Евгений Кузовлев]

https://github.com/KiyoshiSaundo/default_project/b...

Откуда то я его стащил, но не помню уже откуда, по-моему, он изначально назывался respondTo

[ivan1kazantsev]

Евгений Кузовлев: спасибо, гляну.