ffr-components/es/loading/style.css

Fiori styled UI components

.fd-loading-busy-animation{position:absolute;width:3em;top:50%;left:50%}.fd-loading-busy-animation>div{width:1em;height:1em;border-radius:100%;display:block;float:left;margin:0;position:relative;top:-.5em;left:-1.5em;text-indent:1px}.fd-loading-busy-animation>div:after,.fd-loading-busy-animation>div:before{content:"";opacity:1;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:100%}.fd-loading-busy-animation>div:before{background:#0a6ed1}.hcb .fd-loading-busy-animation>div:before{background:#fff}.hcw .fd-loading-busy-animation>div:before{background:#000}.fd-loading-busy-animation>div:after{box-shadow:inset 0 0 2px 1px rgba(10,110,209,.8)}.fd-loading-busy-animation>div,.fd-loading-busy-animation>div:after,.fd-loading-busy-animation>div:before{-webkit-animation-fill-mode:both;animation-fill-mode:both}.fd-loading-busy-standard>div{-webkit-animation:busy-animation-standard 1.8s ease-in-out infinite;animation:busy-animation-standard 1.8s ease-in-out infinite}.fd-loading-busy-standard>div:before{-webkit-animation:busy-animation-background-standard 1.8s ease-in-out infinite;animation:busy-animation-background-standard 1.8s ease-in-out infinite}.fd-loading-busy-standard>div:after{-webkit-animation:sapUiBusyAnimationStandardShadow 1.8s ease-in-out infinite;animation:sapUiBusyAnimationStandardShadow 1.8s ease-in-out infinite}.fd-loading-busy-standard>div:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.fd-loading-busy-standard>div:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes busy-animation-standard{0%,80%,to{-webkit-transform:scale(.4);transform:scale(.4)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes busy-animation-standard{0%,80%,to{-webkit-transform:scale(.4);transform:scale(.4)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes busy-animation-background-standard{0%,80%,to{opacity:1}40%{opacity:.1}}@keyframes busy-animation-background-standard{0%,80%,to{opacity:1}40%{opacity:.1}}@-webkit-keyframes sapUiBusyAnimationStandardShadow{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes sapUiBusyAnimationStandardShadow{0%,80%,to{opacity:0}40%{opacity:1}}.fd-loading-wrap{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.2);z-index:9999;outline:none}.fd-loading-wrap.loadMore{background:hsla(0,0%,98%,.72)}