How to write a media query to a variable in Stylus?

Question

css

I can't find an explanation in the documentation. I have a media query I want to put it in a variable using a quote character:
(min-width: 320px) and (max-width: 768px)

mobile

mobile = '(min-width: 320px) and (max-width: 768px)'

To end up like this:

@media mobile
  .class
    width 100%

But doesn't work. without quotes also does not work, what is the reason?

Answer 1

Only with crutches.
https://stackoverflow.com/questions/13060726/varia...

t = 1000px

unquote("@media screen and (max-width: " + t + ") {")
html
    background blue
unquote("}")