less-plugin-dls/test/specs/uploader/uploader.css

Less plugin for Baidu Light DLS.

div {
  -dls-uploader-font-size-s: 12px;
  -dls-uploader-font-size-m: 14px;
  -dls-uploader-helper-text-spacing-x: 8px;
  -dls-uploader-helper-text-spacing-y: 4px;
  -dls-uploader-helper-text-font-color: #848b99;
  -dls-uploader-helper-text-max-width-media-s: 160px;
  -dls-uploader-helper-text-max-width-media-m: 320px;
  -dls-uploader-error-spacing: 4px;
  -dls-uploader-file-item-spacing-y: 8px;
  -dls-uploader-file-item-padding-x: 4px;
  -dls-uploader-file-item-padding-y: 4px;
  -dls-uploader-file-item-label-spacing: 4px;
  -dls-uploader-file-item-action-spacing: 8px;
  -dls-uploader-file-item-width: 264px;
  -dls-uploader-file-item-background-color: transparent;
  -dls-uploader-file-item-background-color-hover: #f6f7fa;
  -dls-uploader-file-item-background-color-error: #ffedeb;
  -dls-uploader-file-item-background-color-error-hover: #ffedeb;
  -dls-uploader-file-item-font-color: #282c33;
  -dls-uploader-file-item-icon-color: #282c33;
  -dls-uploader-foreground-color-error: #cc1800;
  -dls-uploader-foreground-color-success: #00bf5c;
  -dls-uploader-media-border-color-error: #cc1800;
  -dls-uploader-media-height-m: 160px;
  -dls-uploader-media-height-s: 80px;
  -dls-uploader-media-width-m: 160px;
  -dls-uploader-media-width-s: 80px;
  -dls-uploader-media-icon-size-m: 40px;
  -dls-uploader-media-icon-size-s: 24px;
  -dls-uploader-media-label-color: #848b99;
  -dls-uploader-media-icon-color: #848b99;
  -dls-uploader-media-padding-x-m: 12px;
  -dls-uploader-media-padding-x-s: 8px;
  -dls-uploader-media-content-spacing-m: 4px;
  -dls-uploader-media-content-spacing-s: 4px;
  -dls-uploader-mask-icon-color: #fff;
  -dls-uploader-mask-icon-spacing: 12px;
  -dls-uploader-mask-padding-y: 4px;
  -dls-uploader-mask-padding-x: 12px;
  -dls-uploader-mask-background-color: rgba(0, 0, 0, 0.6);
  -dls-uploader-media-entry-spacing: 24px;
  -dls-uploader-media-entry-content-spacing: 8px;
  -dls-uploader-media-entry-icon-size: calc(1em + 2px);
  -dls-uploader-media-spacing-x-m: 16px;
  -dls-uploader-media-spacing-x-s: 12px;
  -dls-uploader-media-spacing-y-m: 16px;
  -dls-uploader-media-spacing-y-s: 12px;
  -dls-uploader-media-preview-min-width: 240px;
  -dls-uploader-media-preview-max-width: 480px;
}