Zhenfei.Li
6 years ago
1 changed files with 46 additions and 23 deletions
@ -1,29 +1,52 @@ |
|||||||
@import "../index"; |
@import "../index"; |
||||||
|
|
||||||
.bi-pane { |
.bi-pane { |
||||||
min-height: 25px; |
min-height: 25px; |
||||||
.background-color(@color-bi-background-normal, 0); |
.background-color(@color-bi-background-normal, 0); |
||||||
} |
} |
||||||
|
|
||||||
.bi-loading-widget { |
.bi-loading-widget { |
||||||
&>div { |
&>div { |
||||||
.background-color(@background-color-highlight, 90%); |
.background-color(@background-color-highlight, 90%); |
||||||
.border-radius(2.5px); |
.border-radius(2.5px); |
||||||
animation: loading-widget 0.8s infinite linear; |
-webkit-animation: loading-widget 0.8s infinite linear; |
||||||
} |
-moz-animation: loading-widget 0.8s infinite linear; |
||||||
& .rect2 { |
animation: loading-widget 0.8s infinite linear; |
||||||
animation-delay: -0.2s; |
} |
||||||
} |
& .rect2 { |
||||||
& .rect3 { |
-webkit-animation-delay: -0.2s; |
||||||
animation-delay: -0.4s; |
-moz-animation-delay: -0.2s; |
||||||
} |
animation-delay: -0.2s; |
||||||
|
} |
||||||
@keyframes loading-widget { |
& .rect3 { |
||||||
0%, 100% { |
-webkit-animation-delay: -0.4s; |
||||||
transform: scaleY(0.3); |
-moz-animation-delay: -0.4s; |
||||||
} |
animation-delay: -0.4s; |
||||||
50% { |
} |
||||||
transform: scaleY(1); |
@-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); |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
Loading…
Reference in new issue