UNPKG

@primeuix/styles

Version:
160 lines (134 loc) 5.36 kB
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