@pi0/framework7/src/components/preloader/preloader.less

Full featured mobile HTML framework for building iOS & Android apps

/* === Preloader === */
.preloader {
  display: inline-block;
  vertical-align: middle;
}

/* === Preloader Modal === */
.preloader-backdrop {
    visibility: visible;
    opacity: 0;
    background: none;
}
.preloader-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 8px;
  background: rgba(0,0,0,0.8);
  z-index: 13500;
  transform: translateX(-50%) translateY(-50%);
  .preloader {
    display: block !important;
  }
}
html.with-modal-preloader {
  .page-content {
    .not-scrollable();
  }
}
& when (@include-ios-theme) {
  @import url('./preloader-ios.less');
}
& when (@include-md-theme) {
  @import url('./preloader-md.less');
}