css – Stylus变量范围如何在文件之间工作?

前端之家收集整理的这篇文章主要介绍了css – Stylus变量范围如何在文件之间工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
理想情况下,我想建立一个文件“colors.styl”在那里我可以定义整个站点使用像这样的所有颜色:
// --------------- GENERAL VARIABLE DEFINITIONS
$beige        = #F2F2F2
$darkGrey     = #282828
$errorRed     = #B94A48

当我尝试在其他文件中访问这些变量时,我只是得到变量名,而不是解析的值:

body {
  background-color: $beige;

我正在编译文件,所以colors.styl在其余的之前.变量会在Stylus中的文件中丢失其范围吗?

解决方法

而不是在每个文件中使用@import“colors”,您也可以制作一个主要的加载程序文件,如下所示:
@import "colors"

 @import "styles1"
 @import "styles2"

在colors.styl中定义的变量将在styles1.styl和styles2.styl中可用.手写笔的输出将是一个包含所有样式的大型CSS文件.

猜你在找的CSS相关文章