[Vuejs]-Vuetify: Cannot find default SASS Variables

by

0👍

In Vuetify 3, which is where its github repo’s master points at, all SASS/SCSS variables are now exposed through a single file located in vuetify/_settings.

You can import it like this in your component’s style tag:

<style scoped lang="scss">
  @use 'vuetify/settings' as v;

  @media #{map-get(v.$display-breakpoints, 'xs')} {
    p { 
      font-size: 0.75em;
    }
  }
</style>

Leave a comment