META-INF.resources.butterfaces-dist-css.butterfaces-spinner.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of components Show documentation
The newest version!
.butter-component-spinner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: absolute;
  top: calc(50% - 19px);
  right: 0;
  left: 0;
}
.butter-component-spinner > div {
  background: #FFF;
  width: 10px;
  height: 4em;
  margin: 4px;
}
.butter-component-spinner > div:nth-child(1) {
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
}
.butter-component-spinner > div:nth-child(2) {
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.butter-component-spinner > div:nth-child(3) {
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.butter-component-spinner > div:nth-child(4) {
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
@-webkit-keyframes load1 {
  0% {
    box-shadow: 0 0 #FFF;
    height: 2em;
    opacity: 1;
  }
  50% {
    box-shadow: 0 -2em #ffffff;
    height: 4em;
    opacity: .4;
  }
  100% {
    box-shadow: 0 0 #FFF;
    height: 2em;
    opacity: 1;
  }
}
@keyframes load1 {
  0% {
    box-shadow: 0 0 #FFF;
    height: 2em;
    opacity: 1;
  }
  50% {
    box-shadow: 0 -2em #ffffff;
    height: 4em;
    opacity: .4;
  }
  100% {
    box-shadow: 0 0 #FFF;
    height: 2em;
    opacity: 1;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRlcmZhY2VzLXNwaW5uZXIubGVzcyIsImJ1dHRlcmZhY2VzLXNwaW5uZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UscUJBQUE7RUFBQSxjQUFBO0VBQ0EseUJBQUE7VUFBQSx3QkFBQTtFQUNBLG1CQUFBO0VBQ0Esc0JBQUE7RUFDQSxTQUFBO0VBQ0EsUUFBQTtDQ0NEO0FEUEQ7RUFTSSxpQkFBQTtFQUNBLFlBQUE7RUFDQSxZQUFBO0VBQ0EsWUFBQTtDQ0NIO0FEYkQ7RUFnQkksaURBQUE7RUFDQSx5Q0FBQTtDQ0FIO0FEakJEO0VBcUJJLGlEQUFBO0VBQ0EseUNBQUE7RUFDQSwrQkFBQTtFQUNBLHVCQUFBO0NDREg7QUR2QkQ7RUE0QkksaURBQUE7RUFDQSx5Q0FBQTtFQUNBLCtCQUFBO0VBQ0EsdUJBQUE7Q0NGSDtBRDdCRDtFQW1DSSxpREFBQTtFQUNBLHlDQUFBO0VBQ0EsK0JBQUE7RUFDQSx1QkFBQTtDQ0hIO0FET0Q7RUFDRTtJQUNFLHFCQUFBO0lBQ0EsWUFBQTtJQUNBLFdBQUE7R0NMRDtFRE9EO0lBQ0UsMkJBQUE7SUFDQSxZQUFBO0lBQ0EsWUFBQTtHQ0xEO0VET0Q7SUFDRSxxQkFBQTtJQUNBLFlBQUE7SUFDQSxXQUFBO0dDTEQ7Q0FDRjtBRFFEO0VBQ0U7SUFDRSxxQkFBQTtJQUNBLFlBQUE7SUFDQSxXQUFBO0dDTkQ7RURRRDtJQUNFLDJCQUFBO0lBQ0EsWUFBQTtJQUNBLFlBQUE7R0NORDtFRFFEO0lBQ0UscUJBQUE7SUFDQSxZQUFBO0lBQ0EsV0FBQTtHQ05EO0NBQ0YiLCJmaWxlIjoiYnV0dGVyZmFjZXMtc3Bpbm5lci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYnV0dGVyLWNvbXBvbmVudC1zcGlubmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiB+XCJjYWxjKDUwJSAtIDE5cHgpXCI7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuXG4gID4gZGl2IHtcbiAgICBiYWNrZ3JvdW5kOiAjRkZGO1xuICAgIHdpZHRoOiAxMHB4O1xuICAgIGhlaWdodDogNGVtO1xuICAgIG1hcmdpbjogNHB4O1xuICB9XG5cbiAgPiBkaXY6bnRoLWNoaWxkKDEpIHtcbiAgICAtd2Via2l0LWFuaW1hdGlvbjogbG9hZDEgMXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gICAgYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbiAgfVxuXG4gID4gZGl2Om50aC1jaGlsZCgyKSB7XG4gICAgLXdlYmtpdC1hbmltYXRpb246IGxvYWQxIDFzIGluZmluaXRlIGVhc2UtaW4tb3V0O1xuICAgIGFuaW1hdGlvbjogbG9hZDEgMXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gICAgLXdlYmtpdC1hbmltYXRpb24tZGVsYXk6IC0wLjFzO1xuICAgIGFuaW1hdGlvbi1kZWxheTogLTAuMXM7XG4gIH1cblxuICA+IGRpdjpudGgtY2hpbGQoMykge1xuICAgIC13ZWJraXQtYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbiAgICBhbmltYXRpb246IGxvYWQxIDFzIGluZmluaXRlIGVhc2UtaW4tb3V0O1xuICAgIC13ZWJraXQtYW5pbWF0aW9uLWRlbGF5OiAtMC4ycztcbiAgICBhbmltYXRpb24tZGVsYXk6IC0wLjJzO1xuICB9XG5cbiAgPiBkaXY6bnRoLWNoaWxkKDQpIHtcbiAgICAtd2Via2l0LWFuaW1hdGlvbjogbG9hZDEgMXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gICAgYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbiAgICAtd2Via2l0LWFuaW1hdGlvbi1kZWxheTogLTAuM3M7XG4gICAgYW5pbWF0aW9uLWRlbGF5OiAtMC4zcztcbiAgfVxufVxuXG5ALXdlYmtpdC1rZXlmcmFtZXMgbG9hZDEge1xuICAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAwICNGRkY7XG4gICAgaGVpZ2h0OiAyZW07XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICA1MCUge1xuICAgIGJveC1zaGFkb3c6IDAgLTJlbSAjZmZmZmZmO1xuICAgIGhlaWdodDogNGVtO1xuICAgIG9wYWNpdHk6IC40O1xuICB9XG4gIDEwMCUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAjRkZGO1xuICAgIGhlaWdodDogMmVtO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBsb2FkMSB7XG4gIDAlIHtcbiAgICBib3gtc2hhZG93OiAwIDAgI0ZGRjtcbiAgICBoZWlnaHQ6IDJlbTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDUwJSB7XG4gICAgYm94LXNoYWRvdzogMCAtMmVtICNmZmZmZmY7XG4gICAgaGVpZ2h0OiA0ZW07XG4gICAgb3BhY2l0eTogLjQ7XG4gIH1cbiAgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAwICNGRkY7XG4gICAgaGVpZ2h0OiAyZW07XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufSIsIi5idXR0ZXItY29tcG9uZW50LXNwaW5uZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IGNhbGMoNTAlIC0gMTlweCk7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xufVxuLmJ1dHRlci1jb21wb25lbnQtc3Bpbm5lciA+IGRpdiB7XG4gIGJhY2tncm91bmQ6ICNGRkY7XG4gIHdpZHRoOiAxMHB4O1xuICBoZWlnaHQ6IDRlbTtcbiAgbWFyZ2luOiA0cHg7XG59XG4uYnV0dGVyLWNvbXBvbmVudC1zcGlubmVyID4gZGl2Om50aC1jaGlsZCgxKSB7XG4gIC13ZWJraXQtYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbiAgYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbn1cbi5idXR0ZXItY29tcG9uZW50LXNwaW5uZXIgPiBkaXY6bnRoLWNoaWxkKDIpIHtcbiAgLXdlYmtpdC1hbmltYXRpb246IGxvYWQxIDFzIGluZmluaXRlIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb246IGxvYWQxIDFzIGluZmluaXRlIGVhc2UtaW4tb3V0O1xuICAtd2Via2l0LWFuaW1hdGlvbi1kZWxheTogLTAuMXM7XG4gIGFuaW1hdGlvbi1kZWxheTogLTAuMXM7XG59XG4uYnV0dGVyLWNvbXBvbmVudC1zcGlubmVyID4gZGl2Om50aC1jaGlsZCgzKSB7XG4gIC13ZWJraXQtYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbiAgYW5pbWF0aW9uOiBsb2FkMSAxcyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbiAgLXdlYmtpdC1hbmltYXRpb24tZGVsYXk6IC0wLjJzO1xuICBhbmltYXRpb24tZGVsYXk6IC0wLjJzO1xufVxuLmJ1dHRlci1jb21wb25lbnQtc3Bpbm5lciA+IGRpdjpudGgtY2hpbGQoNCkge1xuICAtd2Via2l0LWFuaW1hdGlvbjogbG9hZDEgMXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbjogbG9hZDEgMXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gIC13ZWJraXQtYW5pbWF0aW9uLWRlbGF5OiAtMC4zcztcbiAgYW5pbWF0aW9uLWRlbGF5OiAtMC4zcztcbn1cbkAtd2Via2l0LWtleWZyYW1lcyBsb2FkMSB7XG4gIDAlIHtcbiAgICBib3gtc2hhZG93OiAwIDAgI0ZGRjtcbiAgICBoZWlnaHQ6IDJlbTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDUwJSB7XG4gICAgYm94LXNoYWRvdzogMCAtMmVtICNmZmZmZmY7XG4gICAgaGVpZ2h0OiA0ZW07XG4gICAgb3BhY2l0eTogLjQ7XG4gIH1cbiAgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAwICNGRkY7XG4gICAgaGVpZ2h0OiAyZW07XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuQGtleWZyYW1lcyBsb2FkMSB7XG4gIDAlIHtcbiAgICBib3gtc2hhZG93OiAwIDAgI0ZGRjtcbiAgICBoZWlnaHQ6IDJlbTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDUwJSB7XG4gICAgYm94LXNoYWRvdzogMCAtMmVtICNmZmZmZmY7XG4gICAgaGVpZ2h0OiA0ZW07XG4gICAgb3BhY2l0eTogLjQ7XG4gIH1cbiAgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAwICNGRkY7XG4gICAgaGVpZ2h0OiAyZW07XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuIl19 */