@import url(../var.less);

@empty-prefix: ~"@{prefix}empty";

.@{empty-prefix}{
  margin: 0 8px;
  font-size: @empty-font-size;
  line-height: 22px;
  text-align: center;

  &__image {
    height: 100px;
    margin-bottom: 8px;

    img {
      height: 100%;
    }

    svg {
      height: 100%;
      margin: auto;
    }
  }

  &__description {
    margin: 0;
    color: @empty-font-color;
  }

  &__footer {
    margin-top: 16px;
  }

  // antd internal empty style
  &--medium {
    color: @empty-font-color;

    .@{empty-prefix}__image {
      height: 74px;
    }
    
    .@{empty-prefix}__description {
      font-size: @empty-medium-font-size;
    }
    .w-svg-icon {
      height: 74px;
    }
  }

  &--small {
    color: @empty-font-color;

    .w-svg-icon {
      height: 60px;
    }

    .@{empty-prefix}__image {
      height: 45px;
    }

    .w-svg-icon {
      height: 45px;
    }

    .@{empty-prefix}__description {
      font-size: @empty-small-font-size;
    }
  }
}