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;