@exabytellc/utils/dist/Shimmer/style.css

EB react utils to make everything a little easier!

.eb-shimmer {
  --shimmer-hue: 0;
  --shimmer-sat: 0%;
  --shimmer-lig: 80%;
  --shimmer-shn: 92%;
  --shimmer-base: hsl(
    var(--shimmer-hue),
    var(--shimmer-sat),
    var(--shimmer-lig)
  );
  --shimmer-shine: hsl(
    var(--shimmer-hue),
    var(--shimmer-sat),
    var(--shimmer-shn)
  );
  background-image: linear-gradient(
    -45deg,
    var(--shimmer-base) 30%,
    var(--shimmer-shine) 50%,
    var(--shimmer-base) 70%
  );
  background-size: 200% 100%;
  animation: eb-shimmer-loading 2s ease infinite;
}

@keyframes eb-shimmer-loading {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: -200% 0;
  }
}