vuestic-ui
Version:
Vue 3 UI Framework
30 lines • 671 B
CSS
:root,
:host {
--va-menu-padding-x: 8px;
--va-menu-padding-y: 8px;
--va-menu-item-hover-color: var(--va-primary);
--va-menu-item-hover-opacity: 0.05;
}
.va-menu-list {
overflow: auto;
min-width: 200px;
table-layout: fixed;
width: -moz-max-content;
width: max-content;
outline: none;
}
.va-menu-list .va-menu-item {
display: table-row;
vertical-align: unset;
line-height: unset;
}
.va-menu-list td:not(.va-menu-list__virtual-td) {
padding-top: calc(var(--va-menu-padding-y) / 2);
padding-bottom: calc(var(--va-menu-padding-y) / 2);
}
.va-menu-list__virtual-td:has(tr) {
display: table-row-group;
}
.va-menu-list .va-divider {
margin: 0;
}