[Help]How to make the global text not uppercase/capitalize

[alterhu2020]

Steps to reproduce

1. The component like v-toolbar and v-btn , the default text is uppercase ,how to make all the text not to be uppercase? Is there an option to change this css style globally ?
2. I don't want to use the { text-transform: capitalize; } in all components one by one.
3. Is that Material design's default style ? If that ,how to disable it?

Versions

Vuetify 0.14

What is expected ?

The text in component cannot be lowercase.

What is actually happening ?

All the text trim to uppercase character.

Reproduction Link

https://vuetifyjs.com/vuetify/quick-start

[johnleider]

This is part of MD spec and would be up to the developer to define their own global styles removing it.

[xgdgsc]

How to disable this for tabs for now?

[Imanullah]

Just simple
`

• {
  text-transform: none !important;
  }
  `

[julkuh]

After accepting #2858 this would be much easiert. I had check before and found out there are only two places in vuetify stylus files where text-transform is set. It's in _buttons.styl (where it can be set with a variable) and in _tabs.styl where it is just hardcoded.

My PR solves the Problem and you can set text-transform to none if desired simply by setting the variable accordingly.

[johnleider]

The team has already discussed your PR @julkuh , it's something I plan on merging before 1.0 release.

[Delphn]

@Imanullah Adding your style to the main component (App.vue in my case) solved the problem.
<style> *{ text-transform: none !important; } </style>

Thanks!