@import url('~antd/es/style/themes/default.less');
@import url('../style/var.less');

@loading-prefix-cls: ~'@{style-prefix}-blank';

.@{loading-prefix-cls} {
  &-padding {
    &-top {
      &-small {
        padding-top: @card-padding-base-sm;
      }

      &-middle {
        padding-top: @card-padding-base;
      }

      &-large {
        padding-top: @card-padding-base;
      }
    }

    &-bottom {
      &-small {
        padding-bottom: @card-padding-base-sm;
      }

      &-middle {
        padding-bottom: @card-padding-base;
      }

      &-large {
        padding-bottom: @card-padding-base;
      }
    }

    &-left {
      &-small {
        padding-left: @card-padding-base-sm;
      }

      &-middle {
        padding-left: @card-padding-base;
      }

      &-large {
        padding-left: @card-padding-base;
      }
    }

    &-right {
      &-small {
        padding-right: @card-padding-base-sm;
      }

      &-middle {
        padding-right: @card-padding-base;
      }

      &-large {
        padding-right: @card-padding-base;
      }
    }
  }

  &-margin {
    &-top {
      &-small {
        margin-top: @card-padding-base-sm;
      }

      &-middle {
        margin-top: @card-padding-base;
      }

      &-large {
        margin-top: @card-padding-base;
      }
    }

    &-bottom {
      &-small {
        margin-bottom: @card-padding-base-sm;
      }

      &-middle {
        margin-bottom: @card-padding-base;
      }

      &-large {
        margin-bottom: @card-padding-base;
      }
    }

    &-left {
      &-small {
        margin-left: @card-padding-base-sm;
      }

      &-middle {
        margin-left: @card-padding-base;
      }

      &-large {
        margin-left: @card-padding-base;
      }
    }

    &-right {
      &-small {
        margin-right: @card-padding-base-sm;
      }

      &-middle {
        margin-right: @card-padding-base;
      }

      &-large {
        margin-right: @card-padding-base;
      }
    }
  }
}
