From 6805ff4d64f35e9abff34db67d31d25d116bd56e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 23 Jul 2015 15:04:12 +0800
Subject: [PATCH] cubic-bezier variable

---
 style/components/collapse.less    |  2 +-
 style/components/dialog/Mask.less |  2 +-
 style/components/tabs.less        | 22 ++++++++++------------
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/style/components/collapse.less b/style/components/collapse.less
index 922c85baa..87a704510 100644
--- a/style/components/collapse.less
+++ b/style/components/collapse.less
@@ -51,7 +51,7 @@
   &-content {
     height: 0;
     transition-duration: .3s;
-    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: @ease-out;
     overflow: hidden;
     color: @text-color;
     padding: 0 16px;
diff --git a/style/components/dialog/Mask.less b/style/components/dialog/Mask.less
index 89a60194c..7a8aa15dd 100644
--- a/style/components/dialog/Mask.less
+++ b/style/components/dialog/Mask.less
@@ -25,7 +25,7 @@
   .fade-effect() {
     animation-duration: 0.3s;
     animation-fill-mode: both;
-    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+    animation-timing-function: @ease-in;
   }
 
   &-fade-enter {
diff --git a/style/components/tabs.less b/style/components/tabs.less
index 5589fd908..9f8a3150e 100644
--- a/style/components/tabs.less
+++ b/style/components/tabs.less
@@ -1,7 +1,5 @@
 @tabPrefixClass: ant-tabs;
 
-@easing-in-out: cubic-bezier(0.35, 0, 0.25, 1);
-
 @effect-duration: .3s;
 
 .@{tabPrefixClass} {
@@ -20,12 +18,12 @@
     transform: scaleX(1);
     transform-origin: 0 0;
     &-transition-forward {
-      transition: right 0.3s @easing-in-out,
-      left 0.3s @easing-in-out 0.3s * 0.3;
+      transition: right 0.3s @ease-in-out,
+      left 0.3s @ease-in-out 0.3s * 0.3;
     }
     &-transition-backward {
-      transition: right 0.3s @easing-in-out 0.3s * 0.3,
-      left 0.3s @easing-in-out;
+      transition: right 0.3s @ease-in-out 0.3s * 0.3,
+      left 0.3s @ease-in-out;
     }
   }
 
@@ -113,7 +111,7 @@
   &-nav {
     box-sizing: border-box;
     padding-left: 0;
-    transition: left 0.5s @easing-in-out;
+    transition: left 0.5s @ease-in-out;
     position: relative;
     margin: 0;
     list-style: none;
@@ -154,7 +152,7 @@
 
       > a {
         padding: 8px 20px;
-        transition: color 0.3s @easing-in-out;
+        transition: color 0.3s @ease-in-out;
         display: block;
         color: #666;
 
@@ -204,7 +202,7 @@
 
   &-slide-horizontal-backward-enter&-slide-horizontal-backward-enter-active {
     transform: translateX(0);
-    transition: transform @effect-duration @easing-in-out;
+    transition: transform @effect-duration @ease-in-out;
   }
 
   &-slide-horizontal-backward-leave {
@@ -218,7 +216,7 @@
 
   &-slide-horizontal-backward-leave&-slide-horizontal-backward-leave-active {
     transform: translateX(100%);
-    transition: transform @effect-duration @easing-in-out;
+    transition: transform @effect-duration @ease-in-out;
   }
 
   &-slide-horizontal-forward-enter {
@@ -227,7 +225,7 @@
 
   &-slide-horizontal-forward-enter&-slide-horizontal-forward-enter-active {
     transform: translateX(0);
-    transition: transform @effect-duration @easing-in-out;
+    transition: transform @effect-duration @ease-in-out;
   }
 
   &-slide-horizontal-forward-leave {
@@ -241,6 +239,6 @@
 
   &-slide-horizontal-forward-leave&-slide-horizontal-forward-leave-active {
     transform: translateX(-100%);
-    transition: transform @effect-duration @easing-in-out;
+    transition: transform @effect-duration @ease-in-out;
   }
 }