@import "../base"; @import "./config"; .root { position: relative; display: flex; height: $menu-item-height; align-items: center; padding: 0 $menu-item-padding; overflow: hidden; font-size: $menu-item-font-size; color: $color-text; &:not(.disabled):hover { cursor: pointer; background-color: $menu-item-hover-background; } &.disabled { pointer-events: none; opacity: .5; } &.selected { font-weight: 500; } } .icon { width: $menu-item-icon-size; font-size: $menu-item-icon-font-size !important; } .caption { flex-grow: 1; font-size: $font-size-normal; } .shortcut { margin-left: $menu-item-padding; } .ripple { opacity: .1; }