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);
|
|
|
|
|
}
|
