[Feature Request] Don't style elements via element name selectors

Here’s the problem I’m running into: I added vuetify to my app because I wanted to start using it for new features. Suddenly, all of my h1 are 112px tall, and my buttons have competing margins and font sizes.

For the most part, vuetify’s styles are namespaced by class names (this is good!). However, this is not true for button, h1, h2, etc, as well as a few other lesser-used elements (subheading, for example). It’s really irritating to pull in a ui framework and have it break a bunch of unrelated styles in your application. I’d love to be able to pull in vuetify and just start using it for new features, instead of having to go back and audit my entire app for style breakages.

I’d be equally fine if the solution here was to build component styles for single components that could be pulled in individually via something like import 'vuetify/dist/vBtn.min.css' (this is assuming they’re all well-namespaced). This would also have the advantage of not having to import tons of theming classes if they aren’t needed.

I expect to have to re-style parts of my app to conform with a ui framework, but not being able to choose when and how I get to do that kind of sucks, especially for big applications where being able to upgrade things piecemeal is crucial.

[asifm]

The link is showing 404 now. https://github.com/vuetifyjs/vuetify/tree/enhancement/theme-part-2

[johnleider]

This has already been completed on https://github.com/vuetifyjs/vuetify/tree/enhancement/theme-part-2 and will be merging into dev here soon.