How to use Vuetify's Stylus CSS classes as mixins?

NOTE: following should work, but for global styles, and not scoped styles.

Create you custom style file (e.g. styles/main.styl)

// main.styl @import "~vuetify/src/stylus/main.styl";.my-class {  @extend .display-3  color: red;}

And then where you initially imported vuetify style, replace that with path to your new custom style file.

// main.js (or vuetify.js or wherever you'd imported it)  import '@/styles/main.styl'

Then you can use .my-class class in your components.

CodeHunter