Does quasar come with any Sytlus Mixins available/documented (e.g. for Breakpoints)?
There is nothing in docs about stylus except some info on variables.
Does quasar come with any stylus mixins out of the box?
In particular a breakpoint mixin like this?
DRY before diving in.
metalsadman last edited by
that again (v1) only lists the variables does not indicate if there are any mixins available to use. Guess if there are no docs then the answer is no.
s.molinari last edited by s.molinari
Quasar has built in breakpoints for its Flexbox Grid system. These are the default sizes.
The CSS breakpoints are within the variables metalsadman linked to.
Learn more about Quasar’s Flexbox Grid system: https://v1.quasar-framework.org/layout/grid/introduction-to-flexbox#Introduction
There is also a screen plugin, for setting breakpoint values programmatically.
I hope that answers your question.
@s-molinari the question kind of remains,
(how) can the predefined quasar classes be used as a mixin in other stylus classes (through the use of @extend for example)?
something like this does not currently work (?):
@extend .col-6, .q-pa-md;
it would be nice to be able to just reuse the given classes instead of writing the style again with the variables.
related -> https://github.com/quasarframework/quasar/issues/2131