vuetify

transition-default() &-enter-active, &-leave-active transition: $primary-transition &-move transition: transform .6s // Component specific transitions .bottom-sheet-transition &-enter transform: translateY(100%) &-leave-to transform: translateY(100%) .carousel-transition &-enter transform: translate(100%, 0) &-leave, &-leave-to position: absolute top: 0 transform: translate(-100%, 0) .carousel-reverse-transition &-enter transform: translate(-100%, 0) &-leave, &-leave-to position: absolute top: 0 transform: translate(100%, 0) .dialog-transition &-enter, &-leave-to transform: scale(0.5) opacity: 0 &-enter-to, &-leave opacity: 1 .dialog-bottom-transition &-enter, &-leave-to transform: translateY(100%) .picker-transition, .picker-reverse-transition &-enter-active, &-leave-active transition: .3s $transition.linear-out-slow-in &-enter, &-leave-to opacity: 0 &-leave, &-leave-active, &-leave-to position: absolute !important .picker-transition &-enter transform: translate(0, 100%) &-leave-to transform: translate(0, -100%) .picker-reverse-transition &-enter transform: translate(0, -100%) &-leave-to transform: translate(0, 100%) .picker-title-transition &-enter-to, &-leave transform: translate(0, 0) &-enter transform: translate(-100%, 0) &-leave-to opacity: 0 transform: translate(100%, 0) &-leave, &-leave-to, &-leave-active position: absolute !important .tab-transition &-enter transform: translate(100%, 0) &-leave, &-leave-active position: absolute top: 0 &-leave-to position: absolute transform: translate(-100%, 0) .tab-reverse-transition &-enter transform: translate(-100%, 0) &-leave, &-leave-to top: 0 position: absolute transform: translate(100%, 0) // Generic transitions .expand-transition transition-default() .scale-transition transition-default() &-enter, &-leave, &-leave-to opacity: 0 transform: scale(0) .message-transition transition-default() &-enter, &-leave-to opacity: 0 transform: translateY(-15px) &-leave, &-leave-active position: absolute .slide-y-transition transition-default() &-enter, &-leave-to opacity: 0 transform: translateY(-15px) .slide-y-reverse-transition transition-default() &-enter, &-leave-to opacity: 0 transform: translateY(15px) .scroll-y-transition transition-default() &-enter, &-leave-to opacity: 0 &-enter transform: translateY(-15px) &-leave-to transform: translateY(15px) .scroll-y-reverse-transition transition-default() &-enter, &-leave-to opacity: 0 &-enter transform: translateY(15px) &-leave-to transform: translateY(-15px) .scroll-x-transition transition-default() &-enter, &-leave-to opacity: 0 &-enter transform: translateX(-15px) &-leave-to transform: translateX(15px) .scroll-x-reverse-transition transition-default() &-enter, &-leave-to opacity: 0 &-enter transform: translateX(15px) &-leave-to transform: translateX(-15px) .slide-x-transition transition-default() &-enter, &-leave-to opacity: 0 transform: translateX(-15px) .slide-x-reverse-transition transition-default() &-enter, &-leave-to opacity: 0 transform: translateX(15px) .fade-transition transition-default() &-enter, &-leave-to opacity: 0 .fab-transition transition-default() &-enter, &-leave-to transform: scale(0) rotate(-45deg)