thaw/src/menu/menu-item.css

21 lines
551 B
CSS
Raw Normal View History

2023-05-18 17:14:54 +08:00
.melt-menu-item__content {
2023-09-21 21:57:34 +08:00
margin: 0.3rem 0.4rem;
padding: 0.6rem 0.8rem 0.6rem 1rem;
color: var(--font-color);
2023-05-18 17:14:54 +08:00
cursor: pointer;
2023-09-21 21:57:34 +08:00
border-radius: 0.25rem;
transition-property: color, background-color;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s;
2023-05-18 17:14:54 +08:00
}
2023-09-21 21:57:34 +08:00
.melt-menu-item__content:hover:not(.melt-menu-item__content--selected) {
background-color: var(--bg-color-hover);
2023-05-18 17:14:54 +08:00
}
.melt-menu-item__content--selected {
2023-09-21 21:57:34 +08:00
color: var(--font-color-active);
2023-05-18 17:14:54 +08:00
background-color: var(--bg-color);
}