@boxyhq/svelte-ui/dist/shared/Spinner/index.module.css

Svelte UI components from BoxyHQ

@import url('../common.module.css');

.spinner {
  cursor: progress;
}

.spinner::after {
  /* 2. Grid Positioning */
  grid-area: content;
  align-self: center;
  justify-self: center;

  /* 3. Indicator Styles */
  content: '';
  margin: 3rem auto;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  border: 0.3rem solid var(--primary-color);
  border-left-color: transparent;
  border-radius: 50%;
  transition: opacity 0.1s;
  pointer-events: none;
  animation: loading-circle 1s ease-in-out infinite;
}

.small::after {
  margin: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-width: 0.2rem;
}

.currentColor::after {
  border-color: currentColor;
  border-left-color: transparent;
}

@keyframes loading-circle {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvU3Bpbm5lci9pbmRleC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImluZGV4Lm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IHVybCgnLi4vY29tbW9uLm1vZHVsZS5jc3MnKTtcblxuLnNwaW5uZXIge1xuICBjdXJzb3I6IHByb2dyZXNzO1xufVxuXG4uc3Bpbm5lcjo6YWZ0ZXIge1xuICAvKiAyLiBHcmlkIFBvc2l0aW9uaW5nICovXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcblxuICAvKiAzLiBJbmRpY2F0b3IgU3R5bGVzICovXG4gIGNvbnRlbnQ6ICcnO1xuICBtYXJnaW46IDNyZW0gYXV0bztcbiAgd2lkdGg6IDIuNXJlbTtcbiAgaGVpZ2h0OiAyLjVyZW07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXI6IDAuM3JlbSBzb2xpZCB2YXIoLS1wcmltYXJ5LWNvbG9yKTtcbiAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC4xcztcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGFuaW1hdGlvbjogbG9hZGluZy1jaXJjbGUgMXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG59XG5cbi5zbWFsbDo6YWZ0ZXIge1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjJyZW07XG4gIGhlaWdodDogMS4ycmVtO1xuICBib3JkZXItd2lkdGg6IDAuMnJlbTtcbn1cblxuLmN1cnJlbnRDb2xvcjo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG5Aa2V5ZnJhbWVzIGxvYWRpbmctY2lyY2xlIHtcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cbiJdfQ== */