UNPKG

@primeuix/styles

Version:

github.com/primefaces/primeuix

primefaces/primeuix

1 lines • 6.42 kB
1
{"version":3,"sources":["../../src/panelmenu/index.ts"],"sourcesContent":["import { css } from '@primeuix/styled';\n\nexport const style = css`\n .p-panelmenu {\n display: flex;\n flex-direction: column;\n gap: dt('panelmenu.gap');\n }\n\n .p-panelmenu-panel {\n background: dt('panelmenu.panel.background');\n border-width: dt('panelmenu.panel.border.width');\n border-style: solid;\n border-color: dt('panelmenu.panel.border.color');\n color: dt('panelmenu.panel.color');\n border-radius: dt('panelmenu.panel.border.radius');\n padding: dt('panelmenu.panel.padding');\n }\n\n .p-panelmenu-panel:first-child {\n border-width: dt('panelmenu.panel.first.border.width');\n border-start-start-radius: dt('panelmenu.panel.first.top.border.radius');\n border-start-end-radius: dt('panelmenu.panel.first.top.border.radius');\n }\n\n .p-panelmenu-panel:last-child {\n border-width: dt('panelmenu.panel.last.border.width');\n border-end-start-radius: dt('panelmenu.panel.last.bottom.border.radius');\n border-end-end-radius: dt('panelmenu.panel.last.bottom.border.radius');\n }\n\n .p-panelmenu-header {\n outline: 0 none;\n }\n\n .p-panelmenu-header-content {\n border-radius: dt('panelmenu.item.border.radius');\n transition:\n background dt('panelmenu.transition.duration'),\n color dt('panelmenu.transition.duration'),\n outline-color dt('panelmenu.transition.duration'),\n box-shadow dt('panelmenu.transition.duration');\n outline-color: transparent;\n color: dt('panelmenu.item.color');\n }\n\n .p-panelmenu-header-link {\n display: flex;\n gap: dt('panelmenu.item.gap');\n padding: dt('panelmenu.item.padding');\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n color: inherit;\n }\n\n .p-panelmenu-header-icon,\n .p-panelmenu-item-icon {\n color: dt('panelmenu.item.icon.color');\n }\n\n .p-panelmenu-submenu-icon {\n color: dt('panelmenu.submenu.icon.color');\n }\n\n .p-panelmenu-submenu-icon:dir(rtl) {\n transform: rotate(180deg);\n }\n\n .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {\n background: dt('panelmenu.item.focus.background');\n color: dt('panelmenu.item.focus.color');\n }\n\n .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-icon {\n color: dt('panelmenu.item.icon.focus.color');\n }\n\n .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-submenu-icon {\n color: dt('panelmenu.submenu.icon.focus.color');\n }\n\n .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover {\n background: dt('panelmenu.item.focus.background');\n color: dt('panelmenu.item.focus.color');\n }\n\n .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-header-icon {\n color: dt('panelmenu.item.icon.focus.color');\n }\n\n .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-submenu-icon {\n color: dt('panelmenu.submenu.icon.focus.color');\n }\n\n .p-panelmenu-submenu {\n margin: 0;\n padding: 0 0 0 dt('panelmenu.submenu.indent');\n outline: 0;\n list-style: none;\n }\n\n .p-panelmenu-submenu:dir(rtl) {\n padding: 0 dt('panelmenu.submenu.indent') 0 0;\n }\n\n .p-panelmenu-item-link {\n display: flex;\n gap: dt('panelmenu.item.gap');\n padding: dt('panelmenu.item.padding');\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu-item-label {\n line-height: 1;\n }\n\n .p-panelmenu-item-content {\n border-radius: dt('panelmenu.item.border.radius');\n transition:\n background dt('panelmenu.transition.duration'),\n color dt('panelmenu.transition.duration'),\n outline-color dt('panelmenu.transition.duration'),\n box-shadow dt('panelmenu.transition.duration');\n color: dt('panelmenu.item.color');\n outline-color: transparent;\n }\n\n .p-panelmenu-item.p-focus > .p-panelmenu-item-content {\n background: dt('panelmenu.item.focus.background');\n color: dt('panelmenu.item.focus.color');\n }\n\n .p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-item-icon {\n color: dt('panelmenu.item.focus.color');\n }\n\n .p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-submenu-icon {\n color: dt('panelmenu.submenu.icon.focus.color');\n }\n\n .p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover {\n background: dt('panelmenu.item.focus.background');\n color: dt('panelmenu.item.focus.color');\n }\n\n .p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-item-icon {\n color: dt('panelmenu.item.icon.focus.color');\n }\n\n .p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-submenu-icon {\n color: dt('panelmenu.submenu.icon.focus.color');\n }\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}