From d783c2626379822935586b2f15b52e2c066df871 Mon Sep 17 00:00:00 2001
From: leadream <857098475@qq.com>
Date: Tue, 25 Apr 2017 16:43:42 +0800
Subject: [PATCH] css: add background color variable for modal mask. (#5890)

---
 components/modal/style/modal.less    | 2 +-
 components/style/themes/default.less | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 7fc651e960..755717e913 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -116,7 +116,7 @@
     left: 0;
     bottom: 0;
     background-color: #373737;
-    background-color: rgba(55, 55, 55, 0.6); // lesshint duplicateProperty: false
+    background-color: @modal-mask-bg; // lesshint duplicateProperty: false
     height: 100%;
     z-index: @zindex-modal-mask;
     filter: ~"alpha(opacity=50)";
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 256787918d..573e658d59 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -247,6 +247,10 @@
 //** Popover outer arrow color
 @popover-arrow-outer-color: fadeout(@border-color-base, 30%);
 
+// Modal
+// --
+@modal-mask-bg: rgba(55, 55, 55, 0.6);
+
 // Progress
 // --
 @process-default-color: @primary-color;