Stylus的可变赋值

Question

我正在尝试将媒体查询的变量分配放在global.styl文件中。

如果它位于同一个文件中，则可以执行以下操作：

tablet = "all and (max-width: " + 768px+ ")" //variable assignment @media tablet { text-align: left; padding: 122px; }

但是，如果我试图将变量赋值移动到global.styl文件，它将无法工作。

在我弄清楚为什么流星和或手写笔没有从另一个文件读取全局变量之后，我想避免返回并重构，因此，任何帮助都是非常感谢的。谢谢!

Answer 1

Meteor的手写包分别编译每个.styl文件。如果要将样式表拆分为多个文件，则需要正常使用手写笔的@import指令。将导入的(globals)文件命名为扩展名.import.styl，Meteor只会观察它的变化，而不会试图自己编译它。

// globals.import.styl
tablet = "all and (max-width: " + 768px+ ")"

// media-queries.import.styl
// ...
@media tablet {
  text-align: left;
  padding: 122px;
}
// ...

// style.styl
@import 'globals.import'
@import 'media-queries.import'

顺便提一下，我强烈建议签出Rupture，它与cryptoquick:stylus-multi流星包一起打包。