Sha256: 4266518633e3083d4d9e14fc5971803b90ba302d910ff5bcafc3140bccb65666

Contents?: true

Size: 662 Bytes

Versions: 5

Compression:

Stored size: 662 Bytes

Contents

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 1;

  path {
    fill: $text-color;
    opacity: 1;
    animation: spinner 1s infinite ease-in-out both;
  }

  &.spinner--tiny {
    width: 8px;
    height: 8px;
  }

  &.spinner--small {
    width: 16px;
    height: 16px;
  }

  &.spinner--medium {
    width: 32px;
    height: 32px;
  }

  &.spinner--large {
    width: 48px;
    height: 48px;
  }

  .hex2 {
    animation-delay: 0.15s;
  }

  .hex3 {
    animation-delay: 0.3s;
  }
}

@keyframes spinner {
  0%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.1;
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
alchemy_cms-4.1.2 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.1.1 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.2.0.rc1 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.1.0 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.1.0.rc1 app/assets/stylesheets/alchemy/spinner.scss