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

package/lib/styles/generic/_layers.scss

@@ -2,6 +2,18 @@
 
 @if (settings.$layers) {
   @layer vuetify {
-    @layer reset, transitions, base, components, overrides, colors, theme, utilities;
+    @layer reset, base, components, transitions;
+
+    // Use to override styles in other components
+    // This replaces hacks like .v-btn.v-btn and most of !important
+    @layer overrides;
+
+    @layer colors, theme, utilities;
+
+    // Only use for rules that need to override theme or utils
+    @layer trumps;
+
+    // Don't use, this is for consumers
+    @layer custom;
   }
 }

package/lib/styles/generic/_reset.scss

@@ -15,7 +15,6 @@
 
     html {
       box-sizing: border-box;
-      overflow-y: scroll; /* All browsers without overlaying scrollbars */
       -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
       word-break: normal;
       -moz-tab-size: 4;

package/lib/styles/generic/_transitions.scss

@@ -3,19 +3,19 @@
 
 @mixin transition-default() {
   &-enter-active {
-    transition-duration: settings.$transition-duration-root !important;
-    transition-timing-function: settings.$standard-easing !important;
+    transition-duration: settings.$transition-duration-root;
+    transition-timing-function: settings.$standard-easing;
   }
 
   &-leave-active {
-    transition-duration: settings.$transition-duration-root !important;
-    transition-timing-function: settings.$standard-easing !important;
+    transition-duration: settings.$transition-duration-root;
+    transition-timing-function: settings.$standard-easing;
   }
 
   &-move {
-    transition-duration: settings.$transition-move-duration-root !important;
-    transition-property: transform !important;
-    transition-timing-function: settings.$standard-easing !important;
+    transition-duration: settings.$transition-move-duration-root;
+    transition-property: transform;
+    transition-timing-function: settings.$standard-easing;
   }
 }
 @mixin fade-out() {
@@ -23,7 +23,7 @@
     opacity: 0;
   }
   &-leave-active {
-    transition-duration: 100ms !important;
+    transition-duration: 100ms;
   }
 }
 
@@ -33,18 +33,18 @@
   .dialog-bottom-transition,
   .dialog-top-transition {
     &-enter-active {
-      transition-duration: 225ms !important;
-      transition-timing-function: settings.$decelerated-easing !important;
+      transition-duration: 225ms;
+      transition-timing-function: settings.$decelerated-easing;
     }
 
     &-leave-active {
-      transition-duration: 125ms !important;
-      transition-timing-function: settings.$accelerated-easing !important;
+      transition-duration: 125ms;
+      transition-timing-function: settings.$accelerated-easing;
     }
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
       pointer-events: none;
     }
   }
@@ -84,12 +84,12 @@
     &-leave-from,
     &-leave-active,
     &-leave-to {
-      position: absolute !important;
+      position: absolute;
     }
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -123,7 +123,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: height !important;
+      transition-property: height;
     }
   }
 
@@ -132,7 +132,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: width !important;
+      transition-property: width;
     }
   }
 
@@ -147,7 +147,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -162,7 +162,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -177,7 +177,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -195,7 +195,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -209,7 +209,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -223,7 +223,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -244,7 +244,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -265,7 +265,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -286,7 +286,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -307,7 +307,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -321,7 +321,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -335,7 +335,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform, opacity !important;
+      transition-property: transform, opacity;
     }
   }
 
@@ -343,12 +343,12 @@
     @include transition-default();
 
     &-enter-from, &-leave-to {
-      opacity: 0 !important;
+      opacity: 0;
     }
 
     &-enter-active,
     &-leave-active {
-      transition-property: opacity !important;
+      transition-property: opacity;
     }
   }
 
@@ -361,7 +361,7 @@
 
     &-enter-active,
     &-leave-active {
-      transition-property: transform !important;
+      transition-property: transform;
     }
   }
 }