@perfma/heaven/es/loading/index.less

An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.

@import '~antd/es/spin/style/index.less';
@import '../style/vars.less';

.heaven-loading-body {
  position: relative;
  &-background {
    // position: absolute;
    // top: 0;
    // left: 0;
    // bottom: 0;
    // right: 0;
    min-height: 80px;
    height: 100%;
    width: 100%;
    background: rgba(250, 250, 250, 0.5);
    position: absolute;
    top: 0;
  }
  &-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    path {
      transition: none;
      fill: transparent;
      stroke-dasharray: 138.5 138.5;
    }

    @keyframes perfma {
      0% {
        stroke-dashoffset: 138.5;
      }
      40% {
        stroke-dashoffset: 0;
        fill: transparent;
      }
      80% {
        stroke-dashoffset: 0;
        fill: #2082fb;
        stroke: transparent;
      }
      85% {
        fill: #2082fb;
      }
      100% {
        // stroke-dashoffset: 138.5;
        stroke: transparent;
        fill: transparent;
      }
    }
  }
}