test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

create variable for customize size of icon on menu

Browse Source
This commit is contained in:
Alexander.Kosov 2019-07-12 13:15:46 +03:00
parent e4e2641d6d
commit 6428840c50
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/menu/style/index.less
View File

@ -160,7 +160,7 @@
.@{iconfont-css-prefix} { .@{iconfont-css-prefix} {
min-width: 14px; min-width: 14px;
margin-right: 10px; 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; transition: font-size 0.15s @ease-out, margin 0.3s @ease-in-out;
+ span { + span {
opacity: 1; opacity: 1;
@ -418,7 +418,7 @@
} }
.@{iconfont-css-prefix} { .@{iconfont-css-prefix} {
margin: 0; margin: 0;
font-size: 16px; font-size: @menu-icon-size-lg;
line-height: @menu-item-height; line-height: @menu-item-height;
+ span { + span {
display: inline-block; display: inline-block;

2
components/style/themes/default.less
View File

@ -383,6 +383,8 @@
@menu-item-active-bg: @item-active-bg; @menu-item-active-bg: @item-active-bg;
@menu-item-active-border-width: 3px; @menu-item-active-border-width: 3px;
@menu-item-group-title-color: @text-color-secondary; @menu-item-group-title-color: @text-color-secondary;
@menu-icon-size: @font-size-base;
@menu-icon-size-lg: @font-size-lg;
// dark theme // dark theme
@menu-dark-color: @text-color-secondary-dark; @menu-dark-color: @text-color-secondary-dark;