@alifd/meet-react
Version:
Fusion Mobile React UI System Component
66 lines (65 loc) • 1.47 kB
CSS
@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);
}