css - 将 Stylus (nodejs) .styl 文件编译为 2 个不同的 css 文件(移动和桌面)

Question

是否可以将单个手写笔文件编译成 2 个不同的 css 文件，例如对于 ipad 网络应用程序，我对 -moz 等 css 在线 webkit 不感兴趣，所以一个针对移动设备进行了优化，另一个针对跨浏览器应用程序进行了优化？

谢谢

Answer 1

我相信简短的回答是给定一个 .styl 文件，您将输出一个相应的 .css 文件。但是，有一些方法可以实现您的目标。你可以使用 CSS3 media queries并让相同的样式表根据屏幕尺寸产生不同的样式。其次，您可以使用 @import 语句通过执行类似这样的操作来实现您几乎需要的功能

在 shared.styl

//Put your default shared styles here

在screen.styl

@import "shared"
//Put your desktop web app overrides here

并在mobile.styl

@import "shared"
//put your mobile optimized overrides here