Stylus CSS媒体查询中的变量

我已经尝试了一切,但我不能得到Stylus CSS预处理器使用媒体查询中的变量。

例如这不工作:

t = 1000px

@media screen and (max-width: t)
    html
        background blue

任何人都知道如何做到这一点?

解决方法

很遗憾,但是你不能在媒体查询上使用变量或插值。我昨天偶然发现了类似的任务,并带来了这个解决方案:
t = 1000px

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

这不漂亮,但它的工作原理 – 你可以使用unquote解决大多数这样的Stylus问题实际上。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效