@import './mixins';
@import './loading-animate';

.loading-content {
  height: 100rpx;
  .flex-center();

  .loading-text {
    font-size: .6rem;
    color: #666;
    padding-left: 1em;
  }
}

.loading {
  display: inline-block;
  width: 40rpx;
  height: 40rpx;
  vertical-align: middle;
  margin-right: .3em;
  background: url("../components/loading.svg") no-repeat;
  background-size: cover;
  animation: LoadingAnimate 1s steps(12, end) infinite;

  &.light {
    background: url("../components/loading-light.svg") no-repeat;
  }
}