@use "./base";

// ===== menu =====
$menu-size-list: (md, lg) !default;
$menu-font-size: base.$font-size !default;
$menu-bg-color: base.color-gray(1) !default;

$menu-item-text-color: base.$color-text-normal !default;
$menu-item-text-color-hover: base.color-brand(5) !default;
$menu-item-text-color-focus: $menu-item-text-color-hover !default;
$menu-item-text-color-active: base.color-brand(7) !default;
$menu-group-item-text-color: base.$color-text-hint !default;

$menu-item-bg-color-hover: base.color-brand(1) !default;
$menu-item-bg-color-focus: base.color-brand(1) !default;
$menu-item-bg-color-active: base.color-brand(2) !default;

$menu-item-selected-bg-color: base.color-brand(1) !default;
$menu-item-selected-bg-color-hover: base.color-brand(1) !default;
$menu-item-selected-bg-color-focus: base.color-brand(1) !default;
$menu-item-selected-bg-color-active: base.color-brand(2) !default;

$menu-item-selected-text-color: base.color-brand() !default;
$menu-item-selected-text-color-hover: $menu-item-text-color-hover !default;
$menu-item-selected-text-color-focus: $menu-item-selected-text-color-hover !default;
$menu-item-selected-text-color-active: base.color-brand(7) !default;
$menu-item-height: base.$form-control-height !default;

$menu-item-arrow-size: (
  xs: 10px,
  sm: 10px,
  md: 12px,
  lg: 12px,
  xl: 12px,
) !default;
$menu-item-sibling-margin: base.padding(1) !default;
$menu-item-sibling-margin-side-nav: base.padding(2) !default;
$menu-item-padding-horizontal: base.padding(3) !default;

// prefix 与右侧文字的距离
$menu-item-prefix-margin: base.padding(2) !default;
$menu-item-prefix-margin-layout-horizontal: base.padding(1) !default;
// suffix 与左侧文字的距离
$menu-item-suffix-margin: base.padding(3) !default;

$menu-max-level: 4 !default;

$menu-nav-font-size: (
  md: base.$font-size-md,
  lg: base.$font-size-lg
) !default;
$menu-nav-item-height: (
  md: base.height(8),
  lg: base.height(9),
) !default;
$menu-nav-item-arrow-size: 12px !default;
$menu-nav-item-height-horizontal: (
  md: base.height(11),
  lg: base.height(12),
) !default;
$menu-nav-item-padding-horizontal: base.padding(5) !default;
$menu-nav-item-padding-horizontal-layout-horizontal: (
  md: base.padding(4),
  lg: base.padding(5),
) !default;
$menu-nav-item-min-width-layout-horizontal: 88px !default;
$menu-nav-item-inner-suffix-margin: $menu-item-suffix-margin !default;
$menu-nav-item-inner-suffix-margin-layout-horizontal: base.padding(1) !default;


$menu-popper-item-bg-color-hover: base.$color-bg-normal-hover !default;
$menu-popper-item-bg-color-focus: $menu-popper-item-bg-color-hover !default;
$menu-popper-item-bg-color-active: base.$color-bg-normal-active !default;
$menu-popper-item-size-list: (xs, sm, md, lg, xl) !default;
$menu-popper-item-arrow-size: $menu-item-arrow-size !default;
$menu-popper-item-padding-horizontal: $menu-item-padding-horizontal !default;
$menu-popper-inner-padding-top: base.padding(1) !default;
$menu-popper-inner-padding-bottom: base.padding(2) !default;
$menu-popper-inner-empty-padding-vertical: base.padding(3) !default;
$menu-popper-inner-suffix-margin: $menu-item-suffix-margin !default;
$menu-popper-loading-icon-size: 14px !default;
// @todo: 待 u 确认
$menu-popper-max-height-by-item-count: 8 !default;
$menu-popper-max-width: 960px !default;

$menu-reverse-bg-color: base.color-brand() !default;
$menu-reverse-item-text-color: base.$color-text-reverse !default;
$menu-reverse-group-item-text-color: base.color-brand(3) !default;

$menu-reverse-item-bg-color: $menu-reverse-bg-color !default;
$menu-reverse-item-bg-color-hover: base.color-brand(5) !default;
$menu-reverse-item-bg-color-focus: base.color-brand(5) !default;
$menu-reverse-item-bg-color-active: base.color-brand(7) !default;

$menu-reverse-item-selected-bg-color: base.color-brand(7) !default;
$menu-reverse-item-selected-bg-color-hover: base.color-brand(7) !default;
$menu-reverse-item-selected-bg-color-focus: base.color-brand(7) !default;
$menu-reverse-item-selected-bg-color-active: base.color-brand(7) !default;

$menu-multiple-item-selected-text-color: $menu-item-text-color !default;
$menu-multiple-item-selected-text-color-hover: $menu-item-text-color !default;