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;
|
2023-10-05 00:58:53 +08:00
|
|
|
padding: 0.5rem 0.75rem;
|
2023-09-21 21:57:34 +08:00
|
|
|
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;
|
2023-10-05 00:58:53 +08:00
|
|
|
font-size: 0.875rem;
|
2023-09-21 21:57:34 +08:00
|
|
|
|
|
|
|
|
transition-property: color, background-color;
|
2023-10-05 00:58:53 +08:00
|
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
|
transition-duration: 0.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);
|
|
|
|
|
}
|
