element-call/src/Menu.module.css

51 lines
769 B
CSS
Raw Normal View History

2021-12-07 01:34:10 +00:00
.menu {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.menuItem {
cursor: pointer;
height: 48px;
display: flex;
align-items: center;
padding: 0 12px;
2022-06-01 15:48:17 +00:00
color: var(--primary-content);
2021-12-07 01:34:10 +00:00
font-size: 14px;
}
.menuItem > * {
2022-01-18 21:34:42 +00:00
margin: 0 10px 0 0;
2021-12-07 01:34:10 +00:00
}
.menuItem > :last-child {
margin-right: 0;
}
.menuItem.focused,
.menuItem:hover {
2022-06-01 15:48:17 +00:00
background-color: var(--quinary-content);
2021-12-07 01:34:10 +00:00
}
.menuItem.focused:first-child,
.menuItem:hover:first-child {
2021-12-15 18:25:18 +00:00
border-top-left-radius: 8px;
border-top-right-radius: 8px;
2021-12-07 01:34:10 +00:00
}
.menuItem.focused:last-child,
.menuItem:hover:last-child {
2021-12-15 18:25:18 +00:00
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
2021-12-07 01:34:10 +00:00
}
.checkIcon {
position: absolute;
right: 16px;
}
.checkIcon * {
2022-06-01 15:48:17 +00:00
stroke: var(--primary-content);
}