@import '../../style/themes/index';
@import '../../style/mixins/index';

@m-upload-file-prefix-cls: m-upload;

.@{m-upload-file-prefix-cls} {
  &-container {
    width: @upload-container-width;
    margin-right: @upload-margin-value;
    margin-left: @upload-margin-value;
    background: @upload-container-background;
    border-radius: @upload-container-border-radius;
    box-shadow: @upload-container-box-shadow;
  }

  &-meta {
    height: calc(100% - @upload-footer-height);
    overflow-y: auto;

    .ant-upload {
      min-height: @upload-card-ant-upload-min-height;
      background-color: @upload-card-ant-upload-background-color;
      border: none !important;
    }
    &-icon {
      padding-bottom: @upload-card-icon-padding-bottom;
    }

    &-hint {
      padding-top: @upload-card-hint-padding-top;
      color: @upload-card-hint-color;
    }
  }

  &-file-list-footer {
    display: flex;
    flex: 1;
    > span {
      flex: 1;
      margin-left: @upload-list-footer-span-margin-left;
    }

    > button:last-child {
      margin: @upload-list-footer-button-lastchild-margin;
    }
    .btn-add {
      color: @upload-list-footer-btn-add-color;
      background: @upload-list-footer-background;
      border-color: @upload-list-border-color;
    }
  }
}