From f1735a5aa08fb3e82c66c034469380af724fb7db Mon Sep 17 00:00:00 2001
From: John Leider <9064066+johnleider@users.noreply.github.com>
Date: Sat, 6 Apr 2024 17:16:14 -0500
Subject: [PATCH] feat(transitions): add root variable (#19120)

resolves #6470
---
 packages/vuetify/src/styles/generic/_transitions.scss | 6 +++---
 packages/vuetify/src/styles/settings/_variables.scss  | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/vuetify/src/styles/generic/_transitions.scss b/packages/vuetify/src/styles/generic/_transitions.scss
index 0b1f08e53e2..2f235505ad5 100644
--- a/packages/vuetify/src/styles/generic/_transitions.scss
+++ b/packages/vuetify/src/styles/generic/_transitions.scss
@@ -2,17 +2,17 @@
 
 @mixin transition-default() {
   &-enter-active {
-    transition-duration: 0.3s !important;
+    transition-duration: settings.$transition-duration-root !important;
     transition-timing-function: settings.$standard-easing !important;
   }
 
   &-leave-active {
-    transition-duration: 0.3s !important;
+    transition-duration: settings.$transition-duration-root !important;
     transition-timing-function: settings.$standard-easing !important;
   }
 
   &-move {
-    transition-duration: 0.5s !important;
+    transition-duration: settings.$transition-move-duration-root !important;
     transition-property: transform !important;
     transition-timing-function: settings.$standard-easing !important;
   }
diff --git a/packages/vuetify/src/styles/settings/_variables.scss b/packages/vuetify/src/styles/settings/_variables.scss
index e346f6bb160..2cc6c15987b 100644
--- a/packages/vuetify/src/styles/settings/_variables.scss
+++ b/packages/vuetify/src/styles/settings/_variables.scss
@@ -12,6 +12,8 @@ $line-height-root: 1.5 !default;
 $border-color-root: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
 $border-radius-root: 4px !default;
 $border-style-root: solid !default;
+$transition-duration-root: 0.3s !default;
+$transition-move-duration-root: 0.5s !default;
 
 $borders: () !default;
 $borders: map-deep-merge(