@alifd/next/es/upload/variable.css

A configurable component library for web built on React.

:root {
--upload-disable-text-color: #CCCCCC;
--upload-disable-border-color: #E6E7EB;
--upload-text-list-height: 40px;
--upload-text-list-padding-left-right: 8px;
--upload-text-list-font-size: 12px;
--upload-text-list-close-icon-size: 12px;
--upload-text-list-close-icon-right: 12px;
--upload-text-list-corner: 0;
--upload-text-list-bg-color: #F2F3F7;
--upload-text-list-bg-color-hover: #F2F3F7;
--upload-text-list-bg-color-error: #FFECE4;
--upload-text-list-error-text-color: #FF3000;
--upload-text-list-close-icon-color: #999999;
--upload-text-list-close-icon-color-hover: #666666;
--upload-text-list-name-font-color: #333333;
--upload-text-list-name-font-color-hover: #5584FF;
--upload-text-list-size-font-color: #999999;
--upload-text-list-size-font-color-hover: #5584FF;
--upload-text-list-progressbar-height: 8px;
--upload-image-list-item-padding: 8px;
--upload-image-list-item-picture-size: 48px;
--upload-image-list-item-picture-icon-size: 24px;
--upload-image-list-item-picture-border-width: 1px;
--upload-image-list-item-picture-corner: 0;
--upload-image-list-item-thumbnail-font-color: #CCCCCC;
--upload-image-list-item-font-size: 12px;
--upload-image-list-close-icon-size: 12px;
--upload-image-list-close-icon-right: 4px;
--upload-image-list-item-border-width: 1px;
--upload-image-list-item-bg-color: #FFFFFF;
--upload-image-list-item-uploading-bg-color: #FFFFFF;
--upload-image-list-item-error-bg-color: #FFFFFF;
--upload-image-list-close-icon-color: #999999;
--upload-image-list-close-icon-color-hover: #666666;
--upload-image-list-item-border-color: #DCDEE3;
--upload-image-list-item-border-color-error: #FF3000;
--upload-image-list-item-border-color-hover: #5584FF;
--upload-image-list-item-picture-border-color: #DCDEE3;
--upload-image-list-item-picture-background-color: #F2F3F7;
--upload-image-list-progressbar-height: 8px;
--upload-card-size: 100px;
--upload-card-margin-bottom: 16px;
--upload-card-add-icon-size: 24px;
--upload-card-add-text-size: 12px;
--upload-card-border-radius: 0;
--upload-card-add-text-margin-top: 12px;
--upload-card-bg-color: #FFFFFF;
--upload-card-border-style: dashed;
--upload-card-border-color: #C4C6CF;
--upload-card-hover-border-color: #5584FF;
--upload-card-font-color: #666666;
--upload-card-icon-color: #C4C6CF;
--upload-card-hover-font-color: #5584FF;
--upload-card-add-icon: "";
--upload-card-list-bg-color: transparent;
--upload-card-list-uploading-bg-color: #F7F8FA;
--upload-card-list-bg-color-error: #F7F8FA;
--upload-card-list-margin-right: 12px;
--upload-card-list-padding: 0px;
--upload-card-list-corner: 0;
--upload-card-list-border-color: #C4C6CF;
--upload-card-list-border-color-error: #FF3000;
--upload-card-list-thumbnail-font-color: #CCCCCC;
--upload-card-list-thumbnail-font-size: 12px;
--upload-card-list-thumbnail-icon-size: 48px;
--upload-card-list-name-margin-top: 4px;
--upload-card-list-name-font-size: 12px;
--upload-card-list-name-font-color: #666666;
--upload-card-list-progressbar-height: 8px;
--upload-select-card-tool-height: 28px;
--upload-select-card-tool-icon-size: 16px;
--upload-select-card-tool-bg-color: #000000;
--upload-select-card-tool-bg-opacity: 0.7;
--upload-drag-zone-border-color: #C4C6CF;
--upload-drag-zone-over-border-color: #5584FF;
--upload-drag-zone-corner: 3px;
--upload-drag-zone-font-size: 14px;
--upload-drag-zone-icon-size: 24px;
--upload-drag-zone-hint-font-size: 12px;
--upload-drag-zone-bg-color: transparent;
--upload-drag-zone-upload-icon: "";
--upload-drag-zone-upload-icon-color: #666666;
--upload-drag-zone-upload-normal-title-color: #666666;
--upload-drag-zone-upload-normal-hint-color: #999999;
}