30 lines
493 B
SCSS
30 lines
493 B
SCSS
// scss-lint:disable SelectorFormat
|
|
@import "../base";
|
|
|
|
.enter, .leave {
|
|
position: absolute;
|
|
transition-timing-function: ease-in-out;
|
|
transition-duration: .35s;
|
|
transition-property: transform, opacity;
|
|
}
|
|
|
|
.enter {
|
|
opacity: 0;
|
|
transform: translate3d(100%, 0, 0);
|
|
|
|
&.enterActive {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.leave {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
&.leaveActive {
|
|
opacity: 0;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|