Задать вопрос
@qpz

Как в Stylus записать медиа-запрос в переменную?

Не могу найти в документации объяснения. Есть медиа-запрос
(min-width: 320px) and (max-width: 768px)

Хочу поместить его в переменную mobile использую символ кавычки:
mobile = '(min-width: 320px) and (max-width: 768px)'


Чтобы в итоге получилось так:
@media mobile
  .class
    width 100%


Но не работает. без кавычек также не срабатывает, в чём причина?
  • Вопрос задан
  • 71 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Только костылями.
https://stackoverflow.com/questions/13060726/varia...
t = 1000px

unquote("@media screen and (max-width: " + t + ") {")
html
    background blue
unquote("}")
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы