// @import '~antd/es/upload/style/index.less';
// @import '../variable.less';
// @import './antupload.less';
// @import '../variable.less';

// @line-height-base: @original-line-height-base;
// @upload-prefix-cls: ~'@{ant-prefix}-upload';

@import '~antd/es/upload/style/index.less';
@import '~antd/es/button/style/index.less';
@import '~antd/es/progress/style/index.less';
@import '~antd/es/tooltip/style/index.less';

@import '../variable.less';

@ant-prefix: ~'ant';
@iconfont-css-prefix: ~'anticon';
@line-height-base: @original-line-height-base;

.@{upload-prefix-cls} {
  &-list-picture-card {
    .@{upload-item} {
      &-actions {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 67%;

        .quanta-icon-trash {
          z-index: 10;
          color: @text-color-dark;
          font-size: @icon-size;
          cursor: pointer;
          transition: all 0.3s;

          &:hover {
            color: @text-color-inverse;
          }
        }
      }
    }
  }

  &-list {
    .@{upload-item} {
      &-error {
        .@{upload-item}-card-actions {
          .quanta-icon {
            color: @error-color;
          }
        }
      }
    }
  }

  &&-drag {
    &:not(.@{upload-prefix-cls}-disabled):hover {
      border-color: @primary-color;
    }

    p.@{upload-prefix-cls}-drag-icon {
      .@{iconfont-css-prefix} {
        color: @primary-color;
      }
    }
    p.@{upload-prefix-cls}-hint {
      color: @text-color-hint;
    }
  }
}

.@{upload-item} {
  &-card-actions {
    top: -3px;
    .quanta-icon {
      font-size: @icon-size;
      color: #7f7f7f;
    }
  }
  a {
    color: @primary-color;
  }
}