@import '../common/abstracts/_mixin';
@import '../common/abstracts/variable';

@include b(loading) {
  display: inline-block;
  width: $-loading-size;
  height: $-loading-size;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;

  @include e(body) {
    width: 100%;
    height: 100%;
    animation: wd-rotate 0.8s linear infinite;
    animation-duration: 2s;
  }
  @include e(svg) {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@keyframes wd-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}