Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

vue-cli-plugin-vuetify-preset-basil

1.0.4 • Public • Published

vue-cli-plugin-vuetify-preset-basil

A Vuetify Preset for the Basil Material Study

🚀 Usage

vue add vuetify-preset-basil

🕶 Preview

image

⚡ 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

Keywords

none

Install

npm i vue-cli-plugin-vuetify-preset-basil

DownloadsWeekly Downloads

723

Version

1.0.4

License

MIT

Unpacked Size

8.72 kB

Total Files

9

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar