@primeuix/styles
Version:
82 lines (70 loc) • 2.26 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-menu {
background: dt('menu.background');
color: dt('menu.color');
border: 1px solid dt('menu.border.color');
border-radius: dt('menu.border.radius');
min-width: 12.5rem;
}
.p-menu-list {
margin: 0;
padding: dt('menu.list.padding');
outline: 0 none;
list-style: none;
display: flex;
flex-direction: column;
gap: dt('menu.list.gap');
}
.p-menu-item-content {
transition:
background dt('menu.transition.duration'),
color dt('menu.transition.duration');
border-radius: dt('menu.item.border.radius');
color: dt('menu.item.color');
}
.p-menu-item-link {
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
overflow: hidden;
position: relative;
color: inherit;
padding: dt('menu.item.padding');
gap: dt('menu.item.gap');
user-select: none;
outline: 0 none;
}
.p-menu-item-label {
line-height: 1;
}
.p-menu-item-icon {
color: dt('menu.item.icon.color');
}
.p-menu-item.p-focus .p-menu-item-content {
color: dt('menu.item.focus.color');
background: dt('menu.item.focus.background');
}
.p-menu-item.p-focus .p-menu-item-icon {
color: dt('menu.item.icon.focus.color');
}
.p-menu-item:not(.p-disabled) .p-menu-item-content:hover {
color: dt('menu.item.focus.color');
background: dt('menu.item.focus.background');
}
.p-menu-item:not(.p-disabled) .p-menu-item-content:hover .p-menu-item-icon {
color: dt('menu.item.icon.focus.color');
}
.p-menu-overlay {
box-shadow: dt('menu.shadow');
}
.p-menu-submenu-label {
background: dt('menu.submenu.label.background');
padding: dt('menu.submenu.label.padding');
color: dt('menu.submenu.label.color');
font-weight: dt('menu.submenu.label.font.weight');
}
.p-menu-separator {
border-block-start: 1px solid dt('menu.separator.border.color');
}
`;export{style};//# sourceMappingURL=index.mjs.map