@vuetify/nightly 3.9.0-master.2025-07-09 → 3.9.0-next.2025-07-09

package/lib/components/VCarousel/VCarousel.css

@@ -1,65 +1,63 @@
-.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;
-  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;
+@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;
+    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;
+  }
 }

package/lib/components/VCarousel/VCarousel.sass

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

package/lib/components/VCheckbox/VCheckbox.css

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