From cdf826004ac1dca13ff56e1c0ea57787d0c1639b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9A=AE=E5=B0=98?= <i@muchen.me>
Date: Wed, 10 Apr 2019 18:56:54 +0800
Subject: [PATCH] chore(Upload): mod sass variable name

---
 src/upload/main.scss          |  8 ++++----
 src/upload/scss/variable.scss | 19 +++++++++----------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/upload/main.scss b/src/upload/main.scss
index caa5ab7de7..87b831cbd5 100644
--- a/src/upload/main.scss
+++ b/src/upload/main.scss
@@ -277,11 +277,11 @@
 
         &-wrapper {
             position: relative;
-            box-sizing: content-box;
             border: 1px solid $upload-card-list-border-color;
             width: $upload-card-size;
             height: $upload-card-size;
-            padding: $upload-card-list-padding-tb $upload-card-list-padding-lr;
+            padding: $upload-card-list-padding;
+            background-color: $upload-card-list-bg-color;
         }
 
         &-thumbnail {
@@ -315,7 +315,7 @@
 
         &-name {
             display: block;
-            width: $upload-card-size + $upload-card-list-padding-lr * 2;
+            width: $upload-card-size;
             text-align: center;
             margin-top: $upload-card-list-name-margin-top;
             font-size: $upload-card-list-name-font-size;
@@ -339,7 +339,7 @@
             }
         }
 
-        &-uploading .#{$css-prefix}upload-list-item-thumbnail {
+        &-uploading .#{$css-prefix}upload-list-item-wrapper {
             background-color: $upload-card-list-uploading-bg-color;
         }
 
diff --git a/src/upload/scss/variable.scss b/src/upload/scss/variable.scss
index 2107f9ccbb..b7961345dd 100644
--- a/src/upload/scss/variable.scss
+++ b/src/upload/scss/variable.scss
@@ -183,7 +183,9 @@ $upload-card-icon-color: $color-line1-3 !default;
 $upload-card-hover-font-color: $color-brand1-6 !default;
 
 // Card Item
-
+/// background
+/// @namespace statement/normal
+$upload-card-list-bg-color: $color-transparent !default;
 /// background
 /// @namespace statement/uploading/add
 $upload-card-list-uploading-bg-color: $color-fill1-1 !default;
@@ -193,12 +195,9 @@ $upload-card-list-bg-color-error: $color-fill1-1 !default;
 /// margin (r)
 /// @namespace size/bounding
 $upload-card-list-margin-right: $s-3 !default;
-/// padding (lr)
-/// @namespace size/bounding
-$upload-card-list-padding-lr: $s-zero !default;
-/// padding (tb)
+/// padding
 /// @namespace size/bounding
-$upload-card-list-padding-tb: $s-zero !default;
+$upload-card-list-padding: $s-zero !default;
 /// border
 /// @namespace statement/normal/bounding
 $upload-card-list-border-color: $color-line1-3 !default;
@@ -230,12 +229,12 @@ $upload-card-list-name-font-color: $color-text1-3 !default;
 $upload-select-card-tool-height: $s-7 !default;
 // @ignore
 $upload-select-card-tool-icon-size: $icon-s !default;
-/// background
-/// @namespace statement/normal/action
+/// color
+/// @namespace statement/hover/action
 $upload-select-card-tool-bg-color: $color-black !default;
-/// background opacity
+/// opacity
 /// @type alpha
-/// @namespace statement/normal/action
+/// @namespace statement/hover/action
 $upload-select-card-tool-bg-opacity: .7 !default;
 
 // ============================================================