@alifd/meet-react/lib/menu/styles/index.css

Fusion Mobile React UI System Component

@charset "UTF-8";
/*
  @component button
  @display Menu
  @chinese 菜单
  @family data-entry
*/
:root {
  /*
    @desc color
    @namespace base/color/disabled
    @semantic 禁用颜色
  */
  --menu-disabled-color: var(--box-normal-text-font-color-disabled);
  /*
    @desc color
    @namespace base/color/loading
    @semantic loading 颜色
  */
  --menu-loading-color: var(--box-primary-text-font-color);
  /*
    @desc color
    @namespace base/color/selected
    @semantic 选中颜色
  */
  --menu-selected-color: var(--box-primary-text-font-color);
  /*
    @desc color
    @namespace base/color/arrow
    @semantic 箭头颜色
  */
  --menu-arrow-color: var(--box-normal-text-icon-color-active);
}

.mt-menu {
  position: relative;
}
.mt-menu-item .mt-list-item-media {
  color: var(--menu-selected-color);
}
.mt-menu-item--disabled, .mt-menu-item--disabled .mt-list-item-media {
  color: var(--menu-disabled-color);
}
.mt-menu-sub-menu .mt-list-item-media {
  color: var(--menu-arrow-color);
}
.mt-menu-sub-menu--loading .mt-list-item-media {
  color: var(--menu-loading-color);
}
.mt-menu-sub-menu-list {
  height: 0;
  overflow: hidden;
}
.mt-menu-sub-menu-list--open {
  height: auto;
}
.mt-menu .mt-list-item-container:last-child {
  border-bottom: var(--line-1) solid var(--list-divider-border-bottom-color);
}
.mt-menu-obstructive {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: var(--line-1) solid var(--color-white);
}