Quasar中内置有Stylus变量，您可以根据需要在devland中更改和/或使用它们。 这仅适用于使用Quasar CLI或Vue CLI构建的应用程序。 它不适用于UMD。
用法
在应用程序的*.vue文件或stylus文件中，您可以使用任何Quasar Stylus变量（例如：$primary, $red-1）以及在/src/css/quasar.variables.styl（使用Quasar CLI时）和src/styles/quasar.variables.styl（使用Vue CLI时）中声明的任何其他Stylus变量。
<!-- 注意lang="stylus" -->
<style lang="stylus">
div
color $red-1
background-color $grey-5
</style>
WARNING
如果使用Vue CLI，那么您还需要在使用任何手写笔变量之前添加: @import '~quasar-variables'
TIP
从@quasar/app v1.1 +开始，如果要访问Quasar Stylus变量，则不必具有src/css/quasar.variables.styl文件。 仅当您要自定义变量时才创建它。
WARNING
创建或删除任何src/css/quasar.variables.*文件时，您将需要重新启动开发服务器才能使其生效。 但是，当您更改这些文件的内容时，则不必重新启动。
注意事项
Quasar CLI会检测该文件是否至少包含一个’$'字符，如果是，它将自动导入Quasar stylus变量。
但是，如果您有一个嵌套的import语句，并且要从中导入的文件不包含任何’$‘字符，则此操作将无效。 在这种情况下，您需要添加一个简单的注释（// $），以便Quasar可以检测至少一个’$'字符：
<style lang="stylus">
// $
@import 'some-file'
// 由于上面所说
// 现在some-file.styl也可以从
// Quasar stylus变量中收益
</style>
quasar.conf.js > css,中包含的stylus文件也需要相同的内容。
自定义
根据您使用的是Quasar CLI还是Vue CLI，您会注意到您的项目文件夹具有src/css/quasar.variables.styl (Quasar CLI) 或 src/styles/quasar.variables.styl (Vue CLI)。
您可以在这些文件中自由覆盖Quasar的任何变量（请参阅下一部分）。 为了方便起见，这些文件最初仅包含与品牌颜色相关的变量。
TIP
Quasar非常易于自定义，而无需篡改Stylus变量，因此请确保您确实需要这样做。 没有此文件实际上将加快构建速度，而默认变量仍将提供给.sass/.scss/.vue文件。
Quasar的CSS
Quasar自己的CSS使用变量文件（如果存在）进行编译，但是您也可以使用Sass/SCSS变量。 因此必须有Quasar CLI的优先级列表：
- 是否存在
src/css/quasar.variables.styl？用这个。 - 如果没有，那么
src/css/quasar.variables.scss是否存在？用这个。 - 如果没有，那么
src/css/quasar.variables.sass是否存在？用这个。 - 如果没有，请使用预编译的Quasar CSS。