From 209f963848b070d633133a2a33f5c44a227dd11c Mon Sep 17 00:00:00 2001 From: "Zhenfei.Li" 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 be55d2f28..d63e32577 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