From 20b3a678c5462fb76fbcffa97ef3215eb6ad7549 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 20 Jul 2019 10:25:34 +0800
Subject: [PATCH] [improvement] Uploader: add less vars (#3907)

---
 src/style/var.less      |  5 +++++
 src/uploader/index.less | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/style/var.less b/src/style/var.less
index 17cadb2b1..3a9b7c1c5 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -624,3 +624,8 @@
 @uploader-upload-background-color: @white;
 @uploader-delete-color: @white;
 @uploader-delete-background-color: rgba(0, 0, 0, .45);
+@uploader-file-background-color: @background-color;
+@uploader-file-icon-size: 20px;
+@uploader-file-icon-color: @gray-darker;
+@uploader-file-name-font-size: 12px;
+@uploader-file-name-text-color: @gray-darker;
diff --git a/src/uploader/index.less b/src/uploader/index.less
index 3275455dc..996c4f75b 100644
--- a/src/uploader/index.less
+++ b/src/uploader/index.less
@@ -76,11 +76,11 @@
     justify-content: center;
     width: @uploader-size;
     height: @uploader-size;
-    background-color: #f8f8f8;
+    background-color: @uploader-file-background-color;
 
     &-icon {
-      color: @gray-darker;
-      font-size: 20px;
+      color: @uploader-file-icon-color;
+      font-size: @uploader-file-icon-size;
     }
 
     &-name {
@@ -88,8 +88,8 @@
       width: 100%;
       margin-top: 5px;
       padding: 0 5px;
-      color: @gray-darker;
-      font-size: 12px;
+      color: @uploader-file-name-text-color;
+      font-size: @uploader-file-name-font-size;
       text-align: center;
     }
   }