pragmate-ui/preload/preload.css

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

.pui-preload {
  display: inline-block;
  background: var(--background, #eeeeee);
  width: 100%;
  height: 14px;
  overflow: hidden;
  border-radius: 3px;
}
@keyframes movement {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.pui-preload span {
  height: 100%;
  display: block;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: movement;
}
.pui-preload span:after {
  content: " ";
  width: 50%;
  min-width: 40px;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--surface-container-highest, --surface-container-lowest) 50%, rgba(255, 255, 255, 0) 100%);
  background-size: 100%;
}


/*# sourceMappingURL=preload.css.map*/