i-rubik
Version:
A Vue.js 2.0+ UI Components Framework
16 lines (13 loc) • 342 B
text/stylus
.shift-enter
transform: translate3d(100%, 0, 0)
.shift-leave, .shift-leave-active
position: absolute
top: 0
transform: translate3d(-100%, 0, 0)
.reverse
&.shift-enter
transform: translate3d(-100%, 0, 0)
&.shift-leave, &.shift-leave-active
position: absolute
top: 0
transform: translate3d(100%, 0, 0)