|
|
|
@import "../index";
|
|
|
|
@import "../image";
|
|
|
|
@import "../lib/icon";
|
|
|
|
.bi-pane {
|
|
|
|
min-height: 25px;
|
|
|
|
&.loading-status{
|
|
|
|
min-height: 55px;
|
|
|
|
}
|
|
|
|
& .loading-container {
|
|
|
|
.background-color(@color-bi-background-normal, 0);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bi-loading-widget {
|
|
|
|
font-size: 0;
|
|
|
|
div {
|
|
|
|
.background-color(@background-color-highlight, 90%);
|
|
|
|
.border-radius(1.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));
|
|
|
|
}
|
|
|
|
});
|
|
|
|
&.hack {
|
|
|
|
.imagePath(@icon-wave-loading);
|
|
|
|
div {
|
|
|
|
.background-color(@background-color-highlight, 0%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|