From 0402e0333d9bd3a30c40dff7f1eb6a764e5e3fdb Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 6 Dec 2017 10:19:50 +0800
Subject: [PATCH] Fix Notification less compile error, close #8437

---
 components/notification/style/index.less | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/notification/style/index.less b/components/notification/style/index.less
index 21276e497b..4512a9612b 100644
--- a/components/notification/style/index.less
+++ b/components/notification/style/index.less
@@ -3,7 +3,9 @@
 
 @notification-prefix-cls: ~"@{ant-prefix}-notification";
 @notification-width: 384px;
-@notification-padding: 16px 24px;
+@notification-padding-vertical: 16px;
+@notification-padding-horizontal: 24px;
+@notification-padding: @notification-padding-vertical @notification-padding-horizontal;
 @notification-margin-bottom: 16px;
 
 .@{notification-prefix-cls} {
@@ -44,7 +46,7 @@
 
       // https://github.com/ant-design/ant-design/issues/5846#issuecomment-296244140
       &-single-line-auto-margin {
-        width: ~"calc(@{notification-width} - @{notification-padding} * 2 - 24px - 48px - 100%)";
+        width: ~"calc(@{notification-width} - @{notification-padding-horizontal} * 2 - 24px - 48px - 100%)";
         background-color: transparent;
         pointer-events: none;
         display: block;