vue-cli-plugin-vuetify-preset-basil

vue-cli-plugin-vuetify-preset-basil

A Vuetify Preset for the Basil Material Study

🚀 Usage

vue add vuetify-preset-basil

🕶 Preview

⚡ Features

This is an overview of the changes that were made to support the Basil study and may not include details about every modification made; e.g. custom fonts and colors, removed border radius, etc. For a detailed outline of the specification, visit the Basil study page .

• v-btn

  • increased font-weight
  • increased icon sizes
  • thicker border when using the outlined prop

• v-tabs

  • removes v-tab padding
  • reduces v-tab-bar height to 20px

  Considerations: The study outlines 2 variations of tabs. We opt to use the first one as the second is the default tabs style. To revert to this style, use the height prop on the v-tabs component and the px-4 class on the v-tabs.

• v-tabs w/ vertical prop

  • converts v-tab-slider into a circle
  • reduces v-tab height

📑 License

MIT

Copyright (c) 2016-present Vuetify, LLC