@vuetify/nightly 3.8.1-next.2025-04-18 → 3.8.2-dev.2025-04-28

package/lib/components/VCarousel/VCarousel.css

@@ -1,64 +1,66 @@
-@layer vuetify.components {
-  .v-carousel {
-    overflow: hidden;
-    position: relative;
-    width: 100%;
-  }
-  .v-carousel__controls {
-    align-items: center;
-    bottom: 0;
-    display: flex;
-    height: 50px;
-    justify-content: center;
-    list-style-type: none;
-    position: absolute;
-    width: 100%;
-    z-index: 1;
-  }
-  .v-carousel__controls {
-    background: rgba(var(--v-theme-surface-variant), 0.3);
-    color: rgb(var(--v-theme-on-surface-variant));
-  }
-  .v-carousel__controls > .v-item-group {
-    flex: 0 1 auto;
-  }
-  .v-carousel__controls__item {
-    margin: 0 8px;
-  }
-  .v-carousel__controls__item .v-icon {
-    opacity: 0.5;
-  }
-  .v-carousel__controls__item--active .v-icon {
-    opacity: 1;
-    vertical-align: middle;
-  }
-  .v-carousel__controls__item:hover {
-    background: none;
-  }
-  .v-carousel__controls__item:hover .v-icon {
-    opacity: 0.8;
-  }
-  .v-carousel__progress {
-    margin: 0;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-  }
-  .v-carousel-item {
-    display: block;
-    height: inherit;
-    text-decoration: none;
-  }
-  .v-carousel-item > .v-img {
-    height: inherit;
-  }
-  .v-carousel--hide-delimiter-background .v-carousel__controls {
-    background: transparent;
-  }
-  .v-carousel--vertical-delimiters .v-carousel__controls {
-    flex-direction: column;
-    height: 100%;
-    width: 50px;
-  }
+.v-carousel {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.v-carousel__controls {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  height: 50px;
+  justify-content: center;
+  list-style-type: none;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+}
+.v-carousel__controls {
+  background: rgba(var(--v-theme-surface-variant), 0.3);
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+.v-carousel__controls > .v-item-group {
+  flex: 0 1 auto;
+}
+.v-carousel__controls__item {
+  margin: 0 8px;
+}
+.v-carousel__controls__item .v-icon {
+  opacity: 0.5;
+}
+.v-carousel__controls__item--active .v-icon {
+  opacity: 1;
+  vertical-align: middle;
+}
+.v-carousel__controls__item:hover {
+  background: none;
+}
+.v-carousel__controls__item:hover .v-icon {
+  opacity: 0.8;
+}
+
+.v-carousel__progress {
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.v-carousel-item {
+  display: block;
+  height: inherit;
+  text-decoration: none;
+}
+.v-carousel-item > .v-img {
+  height: inherit;
+}
+
+.v-carousel--hide-delimiter-background .v-carousel__controls {
+  background: transparent;
+}
+
+.v-carousel--vertical-delimiters .v-carousel__controls {
+  flex-direction: column;
+  height: 100% !important;
+  width: 50px;
 }

package/lib/components/VCarousel/VCarousel.sass

@@ -64,5 +64,5 @@
   .v-carousel--vertical-delimiters
     .v-carousel__controls
       flex-direction: column
-      height: 100%
+      height: 100% !important
       width: $carousel-controls-size

package/lib/components/VCheckbox/VCheckbox.css

@@ -1,8 +1,6 @@
-@layer vuetify.components {
-  .v-checkbox.v-input {
-    flex: 0 1 auto;
-  }
-  .v-checkbox .v-selection-control {
-    min-height: var(--v-input-control-height);
-  }
+.v-checkbox.v-input {
+  flex: 0 1 auto;
+}
+.v-checkbox .v-selection-control {
+  min-height: var(--v-input-control-height);
 }