$vuetify.breakpoint.smAndDown Notice $vuetify In your case: <v-flex v-for=”card in filteredCards” :key=”card.id” :class=”{‘ma-0’: $vuetify.breakpoint.smAndDown, ‘ma-5’: $vuetify.breakpoint.mdAndUp}” xs12 sm6 md4 > Check docs (Breakpoint object)
NOTE: Make sure to include styles as per docs Also in case of broken components make sure that your app is wrapped inside v-app tag: <v-app> <v-content> //.. </v-content> </v-app> Documentation says: In order for your application to work properly, you must wrap it in a v-app component. Solution use vue-loader‘s deep selectors >>> like … Read more
I found the problem. I had to wrap Vuetify components inside v-app tag. <v-app> <v-btn color=”success”>Success</v-btn> <v-btn color=”error”>Error</v-btn> <v-btn color=”warning”>Warning</v-btn> <v-btn color=”info”>Info</v-btn> </v-app> Vuetify documentation says: In order for your application to work properly, you must wrap it in a v-app component. This component is used for dynamically managing your content area and is the … Read more
There are css classes for coloring text anywhere in vuetify, just append –text to a color. So for example <v-btn class=”red–text”> It should work with colors defined in your theme as well e.g. primary–text and similar. Note that this is not specific to a v-btn, class should work anywhere.