UNPKG

@primeuix/styles

Version:
1 lines 4.68 kB
{"version":3,"sources":["../../src/accordion/index.ts"],"sourcesContent":["import { css } from '@primeuix/styled';\n\nexport const style = css`\n .p-accordionpanel {\n display: flex;\n flex-direction: column;\n border-style: solid;\n border-width: dt('accordion.panel.border.width');\n border-color: dt('accordion.panel.border.color');\n }\n\n .p-accordionheader {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: dt('accordion.header.padding');\n color: dt('accordion.header.color');\n background: dt('accordion.header.background');\n border-style: solid;\n border-width: dt('accordion.header.border.width');\n border-color: dt('accordion.header.border.color');\n font-weight: dt('accordion.header.font.weight');\n border-radius: dt('accordion.header.border.radius');\n transition:\n background dt('accordion.transition.duration'),\n color dt('accordion.transition.duration'),\n outline-color dt('accordion.transition.duration'),\n box-shadow dt('accordion.transition.duration');\n outline-color: transparent;\n }\n\n .p-accordionpanel:first-child > .p-accordionheader {\n border-width: dt('accordion.header.first.border.width');\n border-start-start-radius: dt('accordion.header.first.top.border.radius');\n border-start-end-radius: dt('accordion.header.first.top.border.radius');\n }\n\n .p-accordionpanel:last-child > .p-accordionheader {\n border-end-start-radius: dt('accordion.header.last.bottom.border.radius');\n border-end-end-radius: dt('accordion.header.last.bottom.border.radius');\n }\n\n .p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n border-end-start-radius: dt('accordion.header.last.active.bottom.border.radius');\n border-end-end-radius: dt('accordion.header.last.active.bottom.border.radius');\n }\n\n .p-accordionheader-toggle-icon {\n color: dt('accordion.header.toggle.icon.color');\n }\n\n .p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n box-shadow: dt('accordion.header.focus.ring.shadow');\n outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color');\n outline-offset: dt('accordion.header.focus.ring.offset');\n }\n\n .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n background: dt('accordion.header.hover.background');\n color: dt('accordion.header.hover.color');\n }\n\n .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: dt('accordion.header.toggle.icon.hover.color');\n }\n\n .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n background: dt('accordion.header.active.background');\n color: dt('accordion.header.active.color');\n }\n\n .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n color: dt('accordion.header.toggle.icon.active.color');\n }\n\n .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {\n background: dt('accordion.header.active.hover.background');\n color: dt('accordion.header.active.hover.color');\n }\n\n .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: dt('accordion.header.toggle.icon.active.hover.color');\n }\n\n .p-accordioncontent-content {\n border-style: solid;\n border-width: dt('accordion.content.border.width');\n border-color: dt('accordion.content.border.color');\n background-color: dt('accordion.content.background');\n color: dt('accordion.content.color');\n padding: dt('accordion.content.padding');\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;","names":[]}