add Modal component

2016-09-29 15:47:19 +08:00 · 2016-09-29 15:47:19 +08:00 · be966e9f49
commit be966e9f49
parent 39e6e96563
20 changed files with 763 additions and 49 deletions
--- a/styles/animation/ease.less
+++ b/styles/animation/ease.less
@ -0,0 +1,36 @@
+.ease-motion(@className, @keyframeName) {
+    .make-motion(@className, @keyframeName);
+    .@{className}-enter, .@{className}-appear {
+        opacity: 0;
+        animation-timing-function: linear;
+        animation-duration: @transition-time;
+    }
+    .@{className}-leave {
+        animation-timing-function: linear;
+        animation-duration: @transition-time;
+    }
+}
+
+.ease-motion(ease, ivuEase);
+
+@keyframes ivuEaseIn {
+    0% {
+        opacity: 0;
+        transform: scale(0.9);
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+@keyframes ivuEaseOut {
+    0% {
+        opacity: 1;
+        transform: scale(1);
+    }
+    100% {
+        opacity: 0;
+        transform: scale(0.9);
+    }
+}