前端之家收集整理的这篇文章主要介绍了
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文件.
原文链接：https://www.f2er.com/css/214417.html
