@ -1,5 +1,5 @@
.motion-common() {
animation-duration: .22s;
animation-duration: .35s;
animation-fill-mode: both;
display: block !important;
}
@ -28,4 +28,4 @@
@import "motion/other";
@import "motion/slide";
@import "motion/swing";
@import "motion/zoom";
@ -1,7 +1,7 @@
.fade-enter {
opacity: 0;
.motion-common();
animation-timing-function: @ease-in;
animation-timing-function: @ease-out;
animation-play-state: paused;
@ -2,11 +2,11 @@
.make-motion(@className, @keyframeName);
.@{className}-enter {
transform: scale(0, 0);
animation-timing-function: @ease-out-back;
animation-timing-function: @ease-out-circ;
.@{className}-leave {
animation-timing-function: @ease-in-back;
animation-timing-function: @ease-in-circ;