From 6428840c501d66b0ba66a73c7d3e77f421c16d48 Mon Sep 17 00:00:00 2001 From: "Alexander.Kosov" Date: Fri, 12 Jul 2019 13:15:46 +0300 Subject: [PATCH] create variable for customize size of icon on menu --- components/menu/style/index.less | 4 ++-- components/style/themes/default.less | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/components/menu/style/index.less b/components/menu/style/index.less index acbfdef49e..795a35dc7b 100644 --- a/components/menu/style/index.less +++ b/components/menu/style/index.less @@ -160,7 +160,7 @@ .@{iconfont-css-prefix} { min-width: 14px; margin-right: 10px; - font-size: @font-size-base; + font-size: @menu-icon-size; transition: font-size 0.15s @ease-out, margin 0.3s @ease-in-out; + span { opacity: 1; @@ -418,7 +418,7 @@ } .@{iconfont-css-prefix} { margin: 0; - font-size: 16px; + font-size: @menu-icon-size-lg; line-height: @menu-item-height; + span { display: inline-block; diff --git a/components/style/themes/default.less b/components/style/themes/default.less index f9c51a11be..963e4a8c50 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -383,6 +383,8 @@ @menu-item-active-bg: @item-active-bg; @menu-item-active-border-width: 3px; @menu-item-group-title-color: @text-color-secondary; +@menu-icon-size: @font-size-base; +@menu-icon-size-lg: @font-size-lg; // dark theme @menu-dark-color: @text-color-secondary-dark;