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