acud/es/style/themes/default/components/menu.less

acg react 组件库

@import '../config.less';

@menu-padding-left: 3px;
@menu-padding-top: 1px;
@menu-font-size: @T3;
@menu-shadow: @shadow-1;
@menu-bg: @G11;
@menu-light-tp: tp29;

// sub
@submenu-zindex: @zindex-range-3;
@submenu-font-size: @T2;
@submenu-border-radius: @border-radius-base;
@submenu-shadow: @shadow-1;

// sub + item
@menu-item-height: 10 * @P;
@menu-item-padding-left: 5 * @P;
@menu-item-padding-right: 4 * @P;
@menu-item-tp: tp29;
@menu-item-selected-tp: tp2;
@menu-item-p: p6;
@submenu-title-padding-left: 3 * @P;
@submenu-title-padding-right: 3 * @P;

// menu item
@menu-item-padding: @padding-xsm;
@menu-item-tp: tp6;
@menu-item-p: p6;
@menu-item-font-size: @T3;
@menu-item-icon-margin-right: 2 * @P;
@menu-item-icon-size: @T4;

@menu-item-active-color: @B6;

// horizontal
@menu-horizontal-line-height:  14 * @P;
@menu-horizontal-item-margin: 0 4 * @P;

// horizontal - with icon
@menu-horizontal-withicon-tp: tp29;
@menu-horizontal-withicon-height: 4 * @P;
@menu-horizontal-withicon-margin-right: 6 * @P;

// horizontal - global
@headermenu-height: 14 * @P;
@headermenu-background: @G11;
@headermenu-zindex: @zindex-range-3;
@headermenu-logo-height: 14 * @P;
@headermenu-logo-margin-right: 4 * @P;
@headermenu-iconlist-height: 4 * @P;
@headermenu-iconlist-margin-right: 6 * @P;
@headermenu-iconlist-l-margin-right: 3 * @P;
@headermenu-iconlist-tp: tp29;
@headermenu-title-margin-left: 2 * @P;
@headermenu-title-color: @G5;
@headermenu-title-line-height: 14 * @P;
@headermenu-item-margin: 0 3 * @P;

// inline
@menu-inline-item-selected-tp: tp29;
@menu-inline-item-selected-p: p37;
@menu-inline-space: 4 * @P;

// group
@menu-group-font-size: @T2;
@menu-group-height: 1.5715;