@cgi-learning-hub/ui
Version:
@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features
2 lines (1 loc) • 1.15 kB
CSS
.cs-loader-backdrop-inner{text-align:center}.cs-loader-backdrop-inner label{font-size:20px;opacity:0;display:inline-block}@keyframes lol-backdrop{0%{opacity:0;transform:translate(-300px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px)}}@-webkit-keyframes lol-backdrop{0%{opacity:0;-webkit-transform:translateX(-300px)}33%{opacity:1;-webkit-transform:translateX(0px)}66%{opacity:1;-webkit-transform:translateX(0px)}to{opacity:0;-webkit-transform:translateX(300px)}}.cs-loader-backdrop-inner label:nth-child(4){-webkit-animation:lol-backdrop 3s .2s infinite ease-in-out;animation:lol-backdrop 3s .2s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(3){-webkit-animation:lol-backdrop 3s .3s infinite ease-in-out;animation:lol-backdrop 3s .3s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(2){-webkit-animation:lol-backdrop 3s .4s infinite ease-in-out;animation:lol-backdrop 3s .4s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(1){-webkit-animation:lol-backdrop 3s .5s infinite ease-in-out;animation:lol-backdrop 3s .5s infinite ease-in-out}