add Message component

add Message component

styles/mixins/animation.less

@@ -2,4 +2,28 @@
     -webkit-animation:  @string;
     -moz-animation:     @string;
     animation:          @string;
+}
+
+.animation-duration(@string) {
+    -webkit-animation-duration    : @string;
+    -moz-animation-duration       : @string;
+    animation-duration            : @string;
+}
+
+.animation-fill-mode(@string) {
+    -webkit-animation-fill-mode    : @string;
+    -moz-animation-fill-mode       : @string;
+    animation-fill-mode            : @string;
+}
+
+.animation-play-state(@string) {
+    -webkit-animation-play-state    : @string;
+    -moz-animation-play-state       : @string;
+    animation-play-state            : @string;
+}
+
+.animation-name(@string) {
+    -webkit-animation-name    : @string;
+    -moz-animation-name       : @string;
+    animation-name            : @string;
 }

styles/mixins/index.less

@@ -5,4 +5,5 @@
 @import "animation";
 @import "button";
 @import "layout";
-@import "size";
+@import "size";
+@import "loading";

styles/mixins/loading.less

@@ -0,0 +1,10 @@
+// Loading for loop
+.ivu-load-loop{
+    .animation(ani-load-loop 1s linear infinite);
+}
+
+@keyframes ani-load-loop {
+    from { transform: rotate(0deg);}
+    50%  { transform: rotate(180deg);}
+    to   { transform: rotate(360deg);}
+}