Are current available stylus variables covering entire theme?

[Martin]

I’m experimenting with stylus variables, but I was wondering if there are also variables for eg. items (in lists) like text, borders etc? If not, what would be the best way to go?

[rstoenescu]

Hi Martin,

Yes, there are a lot of Stylus variables. Check out: http://quasar-framework.org/api/css-stylus-variables.html

If there is one variable that you need badly and can’t overwrite a CSS property then make a PR pls.

[Martin]

@rstoenescu I can’t find variables for styling item-content class. For instance the text stays black.
I’ve set up following customization: (I like the stylus approach btw., very clean and easy )

<div class="item-content has-secondary" >
    <div>...</div>
    <p>...</p>
  </div>

[rstoenescu]

Either overwrite the text color in your app’s Stylus CSS or use “text-<color>” Quasar CSS classes on item-content divs.

[Martin]

@rstoenescu said in Are current available stylus variables covering entire theme?:

Either overwrite the text color in your app’s Stylus CSS

Aren’t I doing that already in app.variables.styl with:

$text-color = white

All texts are going white except for those in list items.

[rstoenescu]

Yes, you’re right. Lists have their own text color. Will fix this in v0.8. You can however CSS overwrite the “color” property (not through stylus variables) of lists on v0.7 until the improvement arrives in v0.8.