🔥 remove transition,transform,use-select mixin

src/styles/mixins/animation.less

@@ -1,29 +0,0 @@
-.animation(@string) {
-    -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;
-}

src/styles/mixins/box-shadow.less

@@ -1,5 +0,0 @@
-.box-shadow (@string) {
-    -webkit-box-shadow: @string;
-    -moz-box-shadow:    @string;
-    box-shadow:         @string;
-}

src/styles/mixins/breadcrumb.less

@@ -6,7 +6,7 @@
 
     a {
         color: @text-color;
-        .transition(color @transition-time @ease-in-out);
+        transition: color @transition-time @ease-in-out;
         &:hover {
             color: tint(@primary-color, 20%);
         }
@@ -31,4 +31,4 @@
             margin-left: 4px;
         }
     }
-}
+}

src/styles/mixins/button.less

@@ -120,11 +120,11 @@
     border: 1px solid transparent;
     white-space: nowrap;
     line-height: @line-height-base;
-    .user-select();
+    user-select: none;
     .button-size(@btn-padding-base; @btn-font-size; @btn-border-radius);
-    .transform(translate3d(0, 0, 0));
-    //.transition(all @transition-time linear);
-    .transition3(color @transition-time linear, background-color @transition-time linear, border @transition-time linear);
+    transform: translate3d(0, 0, 0);
+    //transition: all @transition-time linear;
+    transition: color @transition-time linear, background-color @transition-time linear, border @transition-time linear;
 
     > .@{css-prefix-iconfont} {
         line-height: 1;
@@ -142,7 +142,7 @@
 
     &:not([disabled]):active {
         outline: 0;
-        .transition(none)
+        transition: none;
     }
 
     &.disabled,

src/styles/mixins/checkbox.less

@@ -31,8 +31,8 @@
             border: 1px solid @border-color-base;
             border-radius: 2px;
             background-color: #fff;
-            .transition2(border-color @transition-time @ease-in-out,background-color @transition-time @ease-in-out);
-            
+            transition: border-color @transition-time @ease-in-out, background-color @transition-time @ease-in-out;
+
             &:after {
                 content: '';
                 display: table;
@@ -44,8 +44,8 @@
                 border: 2px solid #fff;
                 border-top: 0;
                 border-left: 0;
-                .transform(rotate(45deg) scale(0));
-                .transition(all @transition-time @ease-in-out);
+                transform: rotate(45deg) scale(0);
+                transition: all @transition-time @ease-in-out;
             }
         }
 
@@ -91,8 +91,8 @@
                 border: 2px solid #fff;
                 border-top: 0;
                 border-left: 0;
-                .transform(rotate(45deg) scale(1));
-                .transition(all @transition-time @ease-in-out);
+                transform: rotate(45deg) scale(1);
+                transition: all @transition-time @ease-in-out;
             }
         }
     }
@@ -166,4 +166,4 @@
             display: inline-block;
         }
     }
-}
+}

src/styles/mixins/clearfix.less

@@ -1,5 +1,3 @@
-// mixins for clearfix
-
 .clearfix() {
     zoom: 1;
     &:before,
@@ -13,4 +11,4 @@
         font-size: 0;
         height: 0;
     }
-}
+}

src/styles/mixins/common.less

@@ -14,12 +14,6 @@
     }
 }
 
-.user-select(@type: none) {
-    -webkit-user-select: @type;
-    -moz-user-select: @type;
-    user-select: @type;
-}
-
 // for select and input like component's arrow
 .inner-arrow() {
     position: absolute;
@@ -29,5 +23,5 @@
     margin-top: -7px;
     font-size: @font-size-base;
     color: @subsidiary-color;
-    .transition(all @transition-time @ease-in-out);
-}
+    transition: all @transition-time @ease-in-out;
+}

src/styles/mixins/index.less

@@ -1,9 +1,5 @@
 @import "common";
 @import "clearfix";
-@import "box-shadow";
-@import "transition";
-@import "transform";
-@import "animation";
 @import "button";
 @import "layout";
 @import "size";
@@ -15,4 +11,4 @@
 @import "mask";
 @import "content";  // card、modal
 @import "tooltip";
-@import "select";
+@import "select";

src/styles/mixins/input.less

@@ -45,7 +45,7 @@
     position: relative;
     cursor: text;
     .placeholder();
-    .transition3(border @transition-time @ease-in-out, background @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out);
+    transition: border @transition-time @ease-in-out, background @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out;
 
     &:hover {
         .hover();

src/styles/mixins/loading.less

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

src/styles/mixins/select.less

@@ -8,7 +8,7 @@
         white-space: nowrap;
         list-style: none;
         cursor: pointer;
-        .transition(background @transition-time @ease-in-out);
+        transition: background @transition-time @ease-in-out;
 
         &:hover{
             background: @background-color-select-hover;
@@ -43,4 +43,4 @@
         padding: 7px 16px 8px;
         font-size: @font-size-base !important;
     }
-}
+}

src/styles/mixins/size.less

@@ -13,8 +13,8 @@
     @font-scale: unit(@size / @font-size-base);
     font-size: @font-size-base;
     font-size: ~"@{size} \9"; // ie8-9
-    .transform(scale(@font-scale) rotate(@rotate));
+    transform: scale(@font-scale) rotate(@rotate);
     :root & {
         font-size: @font-size-base; // reset ie9 and above
     }
-}
+}

src/styles/mixins/transform.less

@@ -1,10 +0,0 @@
-.transform(@string) {
-    -webkit-transform: @string;
-    -moz-transform:    @string;
-    transform:         @string;
-}
-.transform-origin(@string) {
-    -webkit-transform-origin: @string;
-    -moz-transform-origin:    @string;
-    transform-origin:         @string;
-}

src/styles/mixins/transition.less

@@ -1,15 +0,0 @@
-.transition (@string) {
-    -webkit-transition: @string;
-    -moz-transition:    @string;
-    transition:         @string;
-}
-.transition2 (@string1, @string2) {
-    -webkit-transition: @string1 , @string2;
-    -moz-transition:    @string1 , @string2;
-    transition:         @string1 , @string2;
-}
-.transition3 (@string1, @string2, @string3) {
-    -webkit-transition: @string1 , @string2 , @string3;
-    -moz-transition:    @string1 , @string2 , @string3;
-    transition:         @string1 , @string2 , @string3;
-}