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

Question

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

谢谢

Answer 1

我相信简短的答案是，给定一个 .styl 文件，您将输出一个相应的 .css 文件。但是，有一些方法可以实现您的目标。您可以使用 CSS3 媒体查询 并使用相同的样式表生成备用样式样式取决于屏幕尺寸。其次，您可以使用 @import 语句通过执行类似这样的操作来实现几乎您需要的功能

In shared.styl

//Put your default shared styles here

In screen.styl

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

和在mobile.styl中

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