From 209f963848b070d633133a2a33f5c44a227dd11c Mon Sep 17 00:00:00 2001
From: "Zhenfei.Li" <Zhenfei.Li@fanruan.com>
Date: Mon, 27 Aug 2018 19:51:51 +0800
Subject: [PATCH] =?UTF-8?q?BI-30745=20=E6=A0=B9=E6=8D=AEcaniuse=E7=BD=91?=
 =?UTF-8?q?=E7=AB=99=E6=9F=A5=E8=AF=A2=E7=9A=84=E5=85=BC=E5=AE=B9=E6=80=A7?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E6=B5=8F=E8=A7=88=E5=99=A8=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E5=89=8D=E7=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/less/base/pane.less | 69 +++++++++++++++++++++++++++--------------
 1 file changed, 46 insertions(+), 23 deletions(-)

diff --git a/src/less/base/pane.less b/src/less/base/pane.less
index be55d2f288..d63e325770 100644
--- a/src/less/base/pane.less
+++ b/src/less/base/pane.less
@@ -1,29 +1,52 @@
 @import "../index";
-
 .bi-pane {
-  min-height: 25px;
-  .background-color(@color-bi-background-normal, 0);
+    min-height: 25px;
+    .background-color(@color-bi-background-normal, 0);
 }
 
 .bi-loading-widget {
-  &>div {
-      .background-color(@background-color-highlight, 90%);
-      .border-radius(2.5px);
-      animation: loading-widget 0.8s infinite linear;
-  }
-  & .rect2 {
-      animation-delay: -0.2s;
-  }
-  & .rect3 {
-      animation-delay: -0.4s;
-  }
-
-  @keyframes loading-widget {
-      0%, 100% {
-          transform: scaleY(0.3);
-      }
-      50% {
-          transform: scaleY(1);
-      }
-  }
+    &>div {
+        .background-color(@background-color-highlight, 90%);
+        .border-radius(2.5px);
+        -webkit-animation: loading-widget 0.8s infinite linear;
+        -moz-animation: loading-widget 0.8s infinite linear;
+        animation: loading-widget 0.8s infinite linear;
+    }
+    & .rect2 {
+        -webkit-animation-delay: -0.2s;
+        -moz-animation-delay: -0.2s;
+        animation-delay: -0.2s;
+    }
+    & .rect3 {
+        -webkit-animation-delay: -0.4s;
+        -moz-animation-delay: -0.4s;
+        animation-delay: -0.4s;
+    }
+    @-webkit-keyframes loading-widget {
+        0%,
+        100% {
+            -webkit-transform: scaleY(0.3);
+        }
+        50% {
+            -webkit-transform: scaleY(1);
+        }
+    }
+    @-moz-keyframes loading-widget {
+        0%,
+        100% {
+            -moz-transform: scaleY(0.3);
+        }
+        50% {
+            -moz-transform: scaleY(1);
+        }
+    }
+    @keyframes loading-widget {
+        0%,
+        100% {
+            transform: scaleY(0.3);
+        }
+        50% {
+            transform: scaleY(1);
+        }
+    }
 }
\ No newline at end of file