[Vuejs]-SCSS include ".classnames" from npm package in your local ".scss" file

by

3👍

You will need to import the main quasar sass files using

@import "~quasar/dist/quasar.sass";

And the rest will then work as you want

👤Gautam Jain

0👍

  1. For static classes, please use class property without a dot:
  <q-card class="customclass"></q-card>
  1. Usually Quasar components have a few built-in styling properties.
    In your case, please try "flat" attribute – this will remove the shadow for QCard component:
  <q-card flat>
    a QCard component without shadow
  </q-card>
  1. If you still need to use certain Quasar SCSS classes, please attach them
    in your template as static or dynamic classes:
  <q-card class="customclass no-shadow">
    static classes
  </q-card>

  <q-card :class="{ 'no-shadow': isActive }">
    dynamic classes
  </q-card>

  <q-card :class="['customclass', { 'no-shadow': isActive }]">
    static + dynamic classes
  </q-card>
  1. Extending SCSS styles with Quasar SCSS mixins seems to be impossible at this moment.
    I found a few feature requests for it, but both were closed.
👤Sergey Sklyar

Leave a comment