css - Stylus 变量范围如何跨文件工作？

Question

理想情况下，我想设置一个文件“colors.styl”，我可以在其中定义整个站点使用的所有颜色，如下所示：

// --------------- GENERAL VARIABLE DEFINITIONS
$beige        = #F2F2F2
$darkGrey     = #282828
$errorRed     = #B94A48

当我尝试在其他文件中访问这些变量时，我只是取回变量名而不是解析值：

body {
  background-color: $beige;

我正在按顺序编译文件，所以 colors.styl 排在其余部分之前。变量是否会在 Stylus 中的文件中失去作用域？

score 12 · Accepted Answer

除了@import "colors"在每个文件中都做，您还可以制作一个主加载器文件，如下所示：

 @import "colors"

 @import "styles1"
 @import "styles2"

在colors.styl 中定义的变量将在styles1.styl 和styles2.styl 中可用。stylus 的输出将是一个包含所有样式的大 css 文件。

score 0 · Accepted Answer

是的，变量在文件中失去了作用域。

但是您可以@import color在其他文件中访问这些变量。

2 回答 2