From f43be4dd8623943ee44b4d6d0e3d8f0876db6813 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 4 Sep 2019 19:16:24 +0800
Subject: [PATCH] feat(Popup): add less vars of close icon (#4363)

---
 src/popup/index.less | 8 ++++----
 src/style/var.less   | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/popup/index.less b/src/popup/index.less
index 94e8aefe0..13995a8b6 100644
--- a/src/popup/index.less
+++ b/src/popup/index.less
@@ -85,10 +85,10 @@
 
     &__close-icon {
       position: absolute;
-      top: 16px;
-      right: 16px;
-      color: @gray-dark;
-      font-size: 18px;
+      top: @popup-close-icon-margin;
+      right: @popup-close-icon-margin;
+      color: @popup-close-icon-color;
+      font-size: @popup-close-icon-size;
     }
   }
 }
diff --git a/src/style/var.less b/src/style/var.less
index ea28e9832..510a142c7 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -433,6 +433,9 @@
 @popup-background-color: @white;
 @popup-transition: @animation-duration-base ease-out;
 @popup-round-border-radius: 12px;
+@popup-close-icon-size: 18px;
+@popup-close-icon-color: @gray-dark;
+@popup-close-icon-margin: 16px;
 
 // Progress
 @progress-height: 4px;