element-call/src/Menu.module.css

42 lines
652 B
CSS
Raw Normal View History

2021-12-06 17:34:10 -08:00
.menu {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.menuItem {
cursor: pointer;
height: 48px;
display: flex;
align-items: center;
padding: 0 12px;
color: var(--textColor1);
font-size: 14px;
}
.menuItem > * {
2022-01-18 13:34:42 -08:00
margin: 0 10px 0 0;
2021-12-06 17:34:10 -08:00
}
.menuItem > :last-child {
margin-right: 0;
}
.menuItem.focused,
.menuItem:hover {
2021-12-13 11:58:30 -08:00
background-color: var(--bgColor4);
2021-12-06 17:34:10 -08:00
}
.menuItem.focused:first-child,
.menuItem:hover:first-child {
2021-12-15 10:25:18 -08:00
border-top-left-radius: 8px;
border-top-right-radius: 8px;
2021-12-06 17:34:10 -08:00
}
.menuItem.focused:last-child,
.menuItem:hover:last-child {
2021-12-15 10:25:18 -08:00
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
2021-12-06 17:34:10 -08:00
}