Sha256: 7493a7877441d8d1e8bae84c7f160cad6f0876acc2270039f974d10022715805

Contents?: true

Size: 661 Bytes

Versions: 19

Compression:

Stored size: 661 Bytes

Contents

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

  path {
    fill: $dark-gray;
    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

19 entries across 19 versions & 1 rubygems

Version Path
alchemy_cms-4.0.6 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.7 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.6 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.5 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.4 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.3 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.5 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.2 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.1.0.beta app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.1 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.4 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.0 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.3 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.2 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.0.rc2 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.0.rc1 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.1 app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-4.0.0.beta app/assets/stylesheets/alchemy/spinner.scss
alchemy_cms-3.6.0 app/assets/stylesheets/alchemy/spinner.scss