vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.34k stars 6.93k forks source link

[Feature Request] Split up the global style into required and opt in styling. #20100

Open jellehak opened 6 days ago

jellehak commented 6 days ago

Problem to solve

Current vuetify global css includes a lot of optional selectors which in most use cases aren't used at all. It would be nice to opt in for these functionalities and keep this dry (and reduce bundle size).

Proposed solution

Split up the 'vuetify/styles' into smaller chunks like e.g.:

To be non breaking you can add the 'bare' essentials with someting like

import 'vuetify/core'

And opt in for the colors or helpers with

import 'vuetify/helpers' 
import 'vuetify/colors' 
mandalornl commented 6 days ago

@jellehak If I'm reading it correctly, this can already be accomplished. https://vuetifyjs.com/en/features/sass-variables/#disabling-utility-classes https://vuetifyjs.com/en/features/sass-variables/#disabling-color-packs