|
@@ -1,250 +0,0 @@
|
|
-.wux-animate--fadeIn-enter {
|
|
|
|
- -webkit-transition: opacity .3s;
|
|
|
|
- transition: opacity .3s;
|
|
|
|
- opacity: 0;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeIn-enter-active,
|
|
|
|
-.wux-animate--fadeIn-enter-done {
|
|
|
|
- opacity: 1;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeIn-exit {
|
|
|
|
- -webkit-transition: opacity .3s;
|
|
|
|
- transition: opacity .3s;
|
|
|
|
- opacity: 1;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeIn-exit-active,
|
|
|
|
-.wux-animate--fadeIn-exit-done {
|
|
|
|
- opacity: 0;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInDown-enter {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(0, -100%, 0);
|
|
|
|
- transform: translate3d(0, -100%, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInDown-enter-active,
|
|
|
|
-.wux-animate--fadeInDown-enter-done {
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInDown-exit {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInDown-exit-active,
|
|
|
|
-.wux-animate--fadeInDown-exit-done {
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(0, -100%, 0);
|
|
|
|
- transform: translate3d(0, -100%, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInLeft-enter {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
- transform: translate3d(-100%, 0, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInLeft-enter-active,
|
|
|
|
-.wux-animate--fadeInLeft-enter-done {
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInLeft-exit {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInLeft-exit-active,
|
|
|
|
-.wux-animate--fadeInLeft-exit-done {
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
- transform: translate3d(-100%, 0, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInRight-enter {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
- transform: translate3d(100%, 0, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInRight-enter-active,
|
|
|
|
-.wux-animate--fadeInRight-enter-done {
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInRight-exit {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInRight-exit-active,
|
|
|
|
-.wux-animate--fadeInRight-exit-done {
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
- transform: translate3d(100%, 0, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInUp-enter {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(0, 100%, 0);
|
|
|
|
- transform: translate3d(0, 100%, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInUp-enter-active,
|
|
|
|
-.wux-animate--fadeInUp-enter-done {
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInUp-exit {
|
|
|
|
- -webkit-transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, -webkit-transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s;
|
|
|
|
- transition: opacity .3s, transform .3s, -webkit-transform .3s;
|
|
|
|
- opacity: 1;
|
|
|
|
- -webkit-transform: none;
|
|
|
|
- transform: none;
|
|
|
|
-}
|
|
|
|
-.wux-animate--fadeInUp-exit-active,
|
|
|
|
-.wux-animate--fadeInUp-exit-done {
|
|
|
|
- opacity: 0;
|
|
|
|
- -webkit-transform: translate3d(0, 100%, 0);
|
|
|
|
- transform: translate3d(0, 100%, 0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInUp-enter {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translate3d(0, 100%, 0);
|
|
|
|
- transform: translate3d(0, 100%, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInUp-enter-active,
|
|
|
|
-.wux-animate--slideInUp-enter-done {
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInUp-exit {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInUp-exit-active,
|
|
|
|
-.wux-animate--slideInUp-exit-done {
|
|
|
|
- -webkit-transform: translate3d(0, 100%, 0);
|
|
|
|
- transform: translate3d(0, 100%, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInDown-enter {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translate3d(0, -100%, 0);
|
|
|
|
- transform: translate3d(0, -100%, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInDown-enter-active,
|
|
|
|
-.wux-animate--slideInDown-enter-done {
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInDown-exit {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInDown-exit-active,
|
|
|
|
-.wux-animate--slideInDown-exit-done {
|
|
|
|
- -webkit-transform: translate3d(0, -100%, 0);
|
|
|
|
- transform: translate3d(0, -100%, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInLeft-enter {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
- transform: translate3d(-100%, 0, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInLeft-enter-active,
|
|
|
|
-.wux-animate--slideInLeft-enter-done {
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInLeft-exit {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInLeft-exit-active,
|
|
|
|
-.wux-animate--slideInLeft-exit-done {
|
|
|
|
- -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
- transform: translate3d(-100%, 0, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInRight-enter {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
- transform: translate3d(100%, 0, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInRight-enter-active,
|
|
|
|
-.wux-animate--slideInRight-enter-done {
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInRight-exit {
|
|
|
|
- -webkit-transition: -webkit-transform .3s;
|
|
|
|
- transition: -webkit-transform .3s;
|
|
|
|
- transition: transform .3s;
|
|
|
|
- transition: transform .3s, -webkit-transform .3s;
|
|
|
|
- -webkit-transform: translateZ(0);
|
|
|
|
- transform: translateZ(0);
|
|
|
|
-}
|
|
|
|
-.wux-animate--slideInRight-exit-active,
|
|
|
|
-.wux-animate--slideInRight-exit-done {
|
|
|
|
- -webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
- transform: translate3d(100%, 0, 0);
|
|
|
|
- visibility: visible;
|
|
|
|
-}
|
|
|