[Solved] Problem using some style variables

[camilo]

I’m trying to use stylus variables in my own styles, but apparently some variables are not working. On the example below, $grey is resolved but not $item-separator-color

@import '~variables'

.bg-static-info
  background-color $grey-2
.border
  border 1px solid $item-separator-color

[nothingismagick]

@camilo - I don’t do SO much with stylus, but a quick look at the github repo showed that their use of border didn’t declare a color. Just a guess, but maybe you could try:

.border
  border 1px solid 
  border-color $item-separator-color

[camilo]

Still not working. I tried some of the variables found here https://quasar-framework.org/components/stylus-variables.html with mixed results. Some variables work fine while others doesn’t work.

[camilo]

I added an issue here https://github.com/quasarframework/quasar/issues/2174

[camilo]

This is the right way to use theme specific variables:

@import '~variables'
@import '~quasar-framework/src/css/variables.mat.styl'

.bg-static-info
  background-color $grey-2
.border
  border 1px solid $item-separator-color