stylus定义全局变量

很多项目都会有一个主题色,这个色值在很多地方都会使用到,或者一些在很多地方都会用到的共同的东西,这种情况下最好的办法就是定义一个全局变量,方便使用。

最近项目使用stylus写css,也正好有这样的需求,正好把stylus定义变量的方法总结一下。

stylus定义全局变量
这是项目的头部,背景颜色其实就是整个项目的主题色。为了在其他地方方便使用,需要定义一个全局变量。
方法如下:

  1. 创建一个用来定义全局变量的文件 varibles.styl
    stylus定义全局变量
  2. varibles.styl中定义全局变量
    stylus定义全局变量
  3. 在组件中使用引入并使用变量
    stylus定义全局变量

END