v2.0.0

[andrejsharapov]

What's new

Added a new option to use shadows.

What's changed

The release adds the ability to use not only shadow identifiers, but also their names. This should make it easier for users to work with the collection.

  <!-- use name -->
  <div v-box-shadow:neu-2></div>

  <!-- or -->

  <!--  use id -->
  <div v-box-shadow="34"></div>

Added

• Added names for use in the projects

---

This discussion was created from the release v2.0.0.

[andrejsharapov]

If you are using Vuetify elevations

If you are already using vuetify elevations="" in your project (and are facing a similar issue), the solution is below.

1. apply option useClass

Vue.use(vueBoxShadows, {
	useClass: true,
});

2. add this code globally to the main styles of your project

.v-application .vue-box-shadow {
	box-shadow: var(--box-shadow) !important;
}

This will override the vuetify elevations and won't require you to waste time finding them and removing them from the project. All shadows from vue-box-shadow override the styles set by vuetify.

vue-box-shadows vs vuetify elevations