Does quasar come with any Sytlus Mixins available/documented (e.g. for Breakpoints)?

[dgk]

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?

http://1pixelout.net/2015/10/02/simple-breakpoint-media-queries-with-stylus/

DRY before diving in.

[metalsadman]

https://v1.quasar-framework.org/style/stylus-variables

[dgk]

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]

Quasar has built in breakpoints for its Flexbox Grid system. These are the default sizes.

https://v1.quasar-framework.org/layout/grid/introduction-to-flexbox#Responsive-Design

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.

https://v1.quasar-framework.org/options/screen-plugin#Introduction

I hope that answers your question.

Scott

[fogx]

@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)?
https://stylus-lang.com/docs/extend.html
something like this does not currently work (?):
.test {
@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