vuetify
Version:
Vue.js 2 Semantic Component Framework
52 lines (39 loc) • 914 B
text/stylus
@import '../bootstrap'
.v-window
&__container
position: relative
transition: .3s cubic-bezier(.25, .8, .50, 1)
&--is-active
overflow: hidden
&-x-transition,
&-x-reverse-transition,
&-y-transition,
&-y-reverse-transition
&-enter-active,
&-leave-active
transition: .3s cubic-bezier(.25, .8, .50, 1)
&-leave,
&-leave-to
position: absolute
top: 0
width: 100%
&-x-transition
&-enter
transform: translateX(100%)
&-leave-to
transform: translateX(-100%)
&-x-reverse-transition
&-enter
transform: translateX(-100%)
&-leave-to
transform: translateX(100%)
&-y-transition
&-enter
transform: translateY(100%)
&-leave-to
transform: translateY(-100%)
&-y-reverse-transition
&-enter
transform: translateY(-100%)
&-leave-to
transform: translateY(100%)