@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-alpha20

package/dist/vuetify.css

@@ -3364,19 +3364,19 @@ progress {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
 }
 
-.carousel-transition-enter {
+.carousel-transition-enter-from {
   transform: translate(100%, 0);
 }
-.carousel-transition-leave, .carousel-transition-leave-to {
+.carousel-transition-leave-from, .carousel-transition-leave-to {
   position: absolute;
   top: 0;
   transform: translate(-100%, 0);
 }
 
-.carousel-reverse-transition-enter {
+.carousel-reverse-transition-enter-from {
   transform: translate(-100%, 0);
 }
-.carousel-reverse-transition-leave, .carousel-reverse-transition-leave-to {
+.carousel-reverse-transition-leave-from, .carousel-reverse-transition-leave-to {
   position: absolute;
   top: 0;
   transform: translate(100%, 0);
@@ -3385,19 +3385,19 @@ progress {
 .dialog-transition-enter-active, .dialog-transition-leave-active {
   pointer-events: none !important;
 }
-.dialog-transition-enter, .dialog-transition-leave-to {
+.dialog-transition-enter-from, .dialog-transition-leave-to {
   transform: scale(0.5);
   opacity: 0;
 }
-.dialog-transition-enter-to, .dialog-transition-leave {
+.dialog-transition-enter-to, .dialog-transition-leave-from {
   opacity: 1;
 }
 
-.dialog-bottom-transition-enter, .dialog-bottom-transition-leave-to {
+.dialog-bottom-transition-enter-from, .dialog-bottom-transition-leave-to {
   transform: translateY(100%);
 }
 
-.dialog-top-transition-enter, .dialog-top-transition-leave-to {
+.dialog-top-transition-enter-from, .dialog-top-transition-leave-to {
   transform: translateY(-100%);
 }
 
@@ -3406,50 +3406,50 @@ progress {
 .picker-reverse-transition-leave-active {
   transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
 }
-.picker-transition-enter, .picker-transition-leave-to,
-.picker-reverse-transition-enter,
+.picker-transition-enter-from, .picker-transition-leave-to,
+.picker-reverse-transition-enter-from,
 .picker-reverse-transition-leave-to {
   opacity: 0;
 }
-.picker-transition-leave, .picker-transition-leave-active, .picker-transition-leave-to,
-.picker-reverse-transition-leave,
+.picker-transition-leave-from, .picker-transition-leave-active, .picker-transition-leave-to,
+.picker-reverse-transition-leave-from,
 .picker-reverse-transition-leave-active,
 .picker-reverse-transition-leave-to {
   position: absolute !important;
 }
 
-.picker-transition-enter {
+.picker-transition-enter-from {
   transform: translate(0, 100%);
 }
 .picker-transition-leave-to {
   transform: translate(0, -100%);
 }
 
-.picker-reverse-transition-enter {
+.picker-reverse-transition-enter-from {
   transform: translate(0, -100%);
 }
 .picker-reverse-transition-leave-to {
   transform: translate(0, 100%);
 }
 
-.picker-title-transition-enter-to, .picker-title-transition-leave {
+.picker-title-transition-enter-to, .picker-title-transition-leave-from {
   transform: translate(0, 0);
 }
-.picker-title-transition-enter {
+.picker-title-transition-enter-from {
   transform: translate(-100%, 0);
 }
 .picker-title-transition-leave-to {
   opacity: 0;
   transform: translate(100%, 0);
 }
-.picker-title-transition-leave, .picker-title-transition-leave-to, .picker-title-transition-leave-active {
+.picker-title-transition-leave-from, .picker-title-transition-leave-to, .picker-title-transition-leave-active {
   position: absolute !important;
 }
 
-.tab-transition-enter {
+.tab-transition-enter-from {
   transform: translate(100%, 0);
 }
-.tab-transition-leave, .tab-transition-leave-active {
+.tab-transition-leave-from, .tab-transition-leave-active {
   position: absolute;
   top: 0;
 }
@@ -3458,10 +3458,10 @@ progress {
   transform: translate(-100%, 0);
 }
 
-.tab-reverse-transition-enter {
+.tab-reverse-transition-enter-from {
   transform: translate(-100%, 0);
 }
-.tab-reverse-transition-leave, .tab-reverse-transition-leave-to {
+.tab-reverse-transition-leave-from, .tab-reverse-transition-leave-to {
   top: 0;
   position: absolute;
   transform: translate(100%, 0);
@@ -3487,7 +3487,7 @@ progress {
 .scale-transition-move {
   transition: transform 0.6s;
 }
-.scale-transition-enter, .scale-transition-leave, .scale-transition-leave-to {
+.scale-transition-enter-from, .scale-transition-leave-from, .scale-transition-leave-to {
   opacity: 0;
   transform: scale(0);
 }
@@ -3498,7 +3498,7 @@ progress {
 .scale-rotate-transition-move {
   transition: transform 0.6s;
 }
-.scale-rotate-transition-enter, .scale-rotate-transition-leave, .scale-rotate-transition-leave-to {
+.scale-rotate-transition-enter-from, .scale-rotate-transition-leave-from, .scale-rotate-transition-leave-to {
   opacity: 0;
   transform: scale(0) rotate(-45deg);
 }
@@ -3509,7 +3509,7 @@ progress {
 .scale-rotate-reverse-transition-move {
   transition: transform 0.6s;
 }
-.scale-rotate-reverse-transition-enter, .scale-rotate-reverse-transition-leave, .scale-rotate-reverse-transition-leave-to {
+.scale-rotate-reverse-transition-enter-from, .scale-rotate-reverse-transition-leave-from, .scale-rotate-reverse-transition-leave-to {
   opacity: 0;
   transform: scale(0) rotate(45deg);
 }
@@ -3520,11 +3520,11 @@ progress {
 .message-transition-move {
   transition: transform 0.6s;
 }
-.message-transition-enter, .message-transition-leave-to {
+.message-transition-enter-from, .message-transition-leave-to {
   opacity: 0;
   transform: translateY(-15px);
 }
-.message-transition-leave, .message-transition-leave-active {
+.message-transition-leave-from, .message-transition-leave-active {
   position: absolute;
 }
 
@@ -3534,7 +3534,7 @@ progress {
 .slide-y-transition-move {
   transition: transform 0.6s;
 }
-.slide-y-transition-enter, .slide-y-transition-leave-to {
+.slide-y-transition-enter-from, .slide-y-transition-leave-to {
   opacity: 0;
   transform: translateY(-15px);
 }
@@ -3545,7 +3545,7 @@ progress {
 .slide-y-reverse-transition-move {
   transition: transform 0.6s;
 }
-.slide-y-reverse-transition-enter, .slide-y-reverse-transition-leave-to {
+.slide-y-reverse-transition-enter-from, .slide-y-reverse-transition-leave-to {
   opacity: 0;
   transform: translateY(15px);
 }
@@ -3556,10 +3556,10 @@ progress {
 .scroll-y-transition-move {
   transition: transform 0.6s;
 }
-.scroll-y-transition-enter, .scroll-y-transition-leave-to {
+.scroll-y-transition-enter-from, .scroll-y-transition-leave-to {
   opacity: 0;
 }
-.scroll-y-transition-enter {
+.scroll-y-transition-enter-from {
   transform: translateY(-15px);
 }
 .scroll-y-transition-leave-to {
@@ -3572,10 +3572,10 @@ progress {
 .scroll-y-reverse-transition-move {
   transition: transform 0.6s;
 }
-.scroll-y-reverse-transition-enter, .scroll-y-reverse-transition-leave-to {
+.scroll-y-reverse-transition-enter-from, .scroll-y-reverse-transition-leave-to {
   opacity: 0;
 }
-.scroll-y-reverse-transition-enter {
+.scroll-y-reverse-transition-enter-from {
   transform: translateY(15px);
 }
 .scroll-y-reverse-transition-leave-to {
@@ -3588,10 +3588,10 @@ progress {
 .scroll-x-transition-move {
   transition: transform 0.6s;
 }
-.scroll-x-transition-enter, .scroll-x-transition-leave-to {
+.scroll-x-transition-enter-from, .scroll-x-transition-leave-to {
   opacity: 0;
 }
-.scroll-x-transition-enter {
+.scroll-x-transition-enter-from {
   transform: translateX(-15px);
 }
 .scroll-x-transition-leave-to {
@@ -3604,10 +3604,10 @@ progress {
 .scroll-x-reverse-transition-move {
   transition: transform 0.6s;
 }
-.scroll-x-reverse-transition-enter, .scroll-x-reverse-transition-leave-to {
+.scroll-x-reverse-transition-enter-from, .scroll-x-reverse-transition-leave-to {
   opacity: 0;
 }
-.scroll-x-reverse-transition-enter {
+.scroll-x-reverse-transition-enter-from {
   transform: translateX(15px);
 }
 .scroll-x-reverse-transition-leave-to {
@@ -3620,7 +3620,7 @@ progress {
 .slide-x-transition-move {
   transition: transform 0.6s;
 }
-.slide-x-transition-enter, .slide-x-transition-leave-to {
+.slide-x-transition-enter-from, .slide-x-transition-leave-to {
   opacity: 0;
   transform: translateX(-15px);
 }
@@ -3631,7 +3631,7 @@ progress {
 .slide-x-reverse-transition-move {
   transition: transform 0.6s;
 }
-.slide-x-reverse-transition-enter, .slide-x-reverse-transition-leave-to {
+.slide-x-reverse-transition-enter-from, .slide-x-reverse-transition-leave-to {
   opacity: 0;
   transform: translateX(15px);
 }
@@ -3642,7 +3642,7 @@ progress {
 .fade-transition-move {
   transition: transform 0.6s;
 }
-.fade-transition-enter, .fade-transition-leave-to {
+.fade-transition-enter-from, .fade-transition-leave-to {
   opacity: 0 !important;
 }
 
@@ -3652,7 +3652,7 @@ progress {
 .fab-transition-move {
   transition: transform 0.6s;
 }
-.fab-transition-enter, .fab-transition-leave-to {
+.fab-transition-enter-from, .fab-transition-leave-to {
   transform: scale(0) rotate(-45deg);
 }
 
@@ -19955,7 +19955,7 @@ html.overflow-y-hidden {
 .v-menu > .v-menu__content {
   max-width: none;
 }
-.v-menu-transition-enter .v-list-item {
+.v-menu-transition-enter-from .v-list-item {
   min-width: 0;
   pointer-events: none;
 }
@@ -19965,7 +19965,7 @@ html.overflow-y-hidden {
 .v-menu-transition-leave-active, .v-menu-transition-leave-to {
   pointer-events: none;
 }
-.v-menu-transition-enter, .v-menu-transition-leave-to {
+.v-menu-transition-enter-from, .v-menu-transition-leave-to {
   opacity: 0;
 }
 .v-menu-transition-enter-active, .v-menu-transition-leave-active {
@@ -21682,7 +21682,7 @@ html.overflow-y-hidden {
   top: calc(100% - 22px);
   transform: scale(1);
 }
-.bottom-sheet-transition-enter {
+.bottom-sheet-transition-enter-from {
   transform: translateY(100%);
 }
 .bottom-sheet-transition-leave-to {
@@ -27932,10 +27932,10 @@ html.overflow-y-hidden {
   margin-bottom: 8px;
 }
 
-.v-snack-transition-enter.v-snack__wrapper {
+.v-snack-transition-enter-from.v-snack__wrapper {
   transform: scale(0.8);
 }
-.v-snack-transition-enter.v-snack__wrapper, .v-snack-transition-leave-to.v-snack__wrapper {
+.v-snack-transition-enter-from.v-snack__wrapper, .v-snack-transition-leave-to.v-snack__wrapper {
   opacity: 0;
 }
 .v-speed-dial {