@primeuix/styles
Version:
160 lines (134 loc) • 5.36 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-panelmenu {
display: flex;
flex-direction: column;
gap: dt('panelmenu.gap');
}
.p-panelmenu-panel {
background: dt('panelmenu.panel.background');
border-width: dt('panelmenu.panel.border.width');
border-style: solid;
border-color: dt('panelmenu.panel.border.color');
color: dt('panelmenu.panel.color');
border-radius: dt('panelmenu.panel.border.radius');
padding: dt('panelmenu.panel.padding');
}
.p-panelmenu-panel:first-child {
border-width: dt('panelmenu.panel.first.border.width');
border-start-start-radius: dt('panelmenu.panel.first.top.border.radius');
border-start-end-radius: dt('panelmenu.panel.first.top.border.radius');
}
.p-panelmenu-panel:last-child {
border-width: dt('panelmenu.panel.last.border.width');
border-end-start-radius: dt('panelmenu.panel.last.bottom.border.radius');
border-end-end-radius: dt('panelmenu.panel.last.bottom.border.radius');
}
.p-panelmenu-header {
outline: 0 none;
}
.p-panelmenu-header-content {
border-radius: dt('panelmenu.item.border.radius');
transition:
background dt('panelmenu.transition.duration'),
color dt('panelmenu.transition.duration'),
outline-color dt('panelmenu.transition.duration'),
box-shadow dt('panelmenu.transition.duration');
outline-color: transparent;
color: dt('panelmenu.item.color');
}
.p-panelmenu-header-link {
display: flex;
gap: dt('panelmenu.item.gap');
padding: dt('panelmenu.item.padding');
align-items: center;
user-select: none;
cursor: pointer;
position: relative;
text-decoration: none;
color: inherit;
}
.p-panelmenu-header-icon,
.p-panelmenu-item-icon {
color: dt('panelmenu.item.icon.color');
}
.p-panelmenu-submenu-icon {
color: dt('panelmenu.submenu.icon.color');
}
.p-panelmenu-submenu-icon:dir(rtl) {
transform: rotate(180deg);
}
.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
background: dt('panelmenu.item.focus.background');
color: dt('panelmenu.item.focus.color');
}
.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-icon {
color: dt('panelmenu.item.icon.focus.color');
}
.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-submenu-icon {
color: dt('panelmenu.submenu.icon.focus.color');
}
.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover {
background: dt('panelmenu.item.focus.background');
color: dt('panelmenu.item.focus.color');
}
.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-header-icon {
color: dt('panelmenu.item.icon.focus.color');
}
.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-submenu-icon {
color: dt('panelmenu.submenu.icon.focus.color');
}
.p-panelmenu-submenu {
margin: 0;
padding: 0 0 0 dt('panelmenu.submenu.indent');
outline: 0;
list-style: none;
}
.p-panelmenu-submenu:dir(rtl) {
padding: 0 dt('panelmenu.submenu.indent') 0 0;
}
.p-panelmenu-item-link {
display: flex;
gap: dt('panelmenu.item.gap');
padding: dt('panelmenu.item.padding');
align-items: center;
user-select: none;
cursor: pointer;
text-decoration: none;
color: inherit;
position: relative;
overflow: hidden;
}
.p-panelmenu-item-label {
line-height: 1;
}
.p-panelmenu-item-content {
border-radius: dt('panelmenu.item.border.radius');
transition:
background dt('panelmenu.transition.duration'),
color dt('panelmenu.transition.duration'),
outline-color dt('panelmenu.transition.duration'),
box-shadow dt('panelmenu.transition.duration');
color: dt('panelmenu.item.color');
outline-color: transparent;
}
.p-panelmenu-item.p-focus > .p-panelmenu-item-content {
background: dt('panelmenu.item.focus.background');
color: dt('panelmenu.item.focus.color');
}
.p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-item-icon {
color: dt('panelmenu.item.focus.color');
}
.p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-submenu-icon {
color: dt('panelmenu.submenu.icon.focus.color');
}
.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover {
background: dt('panelmenu.item.focus.background');
color: dt('panelmenu.item.focus.color');
}
.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-item-icon {
color: dt('panelmenu.item.icon.focus.color');
}
.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-submenu-icon {
color: dt('panelmenu.submenu.icon.focus.color');
}
`;export{style};//# sourceMappingURL=index.mjs.map