UNPKG

@primeuix/styles

Version:
93 lines (80 loc) 4.02 kB
import{css}from"@primeuix/styled";var style=css` .p-accordionpanel { display: flex; flex-direction: column; border-style: solid; border-width: dt('accordion.panel.border.width'); border-color: dt('accordion.panel.border.color'); } .p-accordionheader { all: unset; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: dt('accordion.header.padding'); color: dt('accordion.header.color'); background: dt('accordion.header.background'); border-style: solid; border-width: dt('accordion.header.border.width'); border-color: dt('accordion.header.border.color'); font-weight: dt('accordion.header.font.weight'); border-radius: dt('accordion.header.border.radius'); transition: background dt('accordion.transition.duration'), color dt('accordion.transition.duration'), outline-color dt('accordion.transition.duration'), box-shadow dt('accordion.transition.duration'); outline-color: transparent; } .p-accordionpanel:first-child > .p-accordionheader { border-width: dt('accordion.header.first.border.width'); border-start-start-radius: dt('accordion.header.first.top.border.radius'); border-start-end-radius: dt('accordion.header.first.top.border.radius'); } .p-accordionpanel:last-child > .p-accordionheader { border-end-start-radius: dt('accordion.header.last.bottom.border.radius'); border-end-end-radius: dt('accordion.header.last.bottom.border.radius'); } .p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader { border-end-start-radius: dt('accordion.header.last.active.bottom.border.radius'); border-end-end-radius: dt('accordion.header.last.active.bottom.border.radius'); } .p-accordionheader-toggle-icon { color: dt('accordion.header.toggle.icon.color'); } .p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible { box-shadow: dt('accordion.header.focus.ring.shadow'); outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color'); outline-offset: dt('accordion.header.focus.ring.offset'); } .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover { background: dt('accordion.header.hover.background'); color: dt('accordion.header.hover.color'); } .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon { color: dt('accordion.header.toggle.icon.hover.color'); } .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader { background: dt('accordion.header.active.background'); color: dt('accordion.header.active.color'); } .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon { color: dt('accordion.header.toggle.icon.active.color'); } .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover { background: dt('accordion.header.active.hover.background'); color: dt('accordion.header.active.hover.color'); } .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon { color: dt('accordion.header.toggle.icon.active.hover.color'); } .p-accordioncontent-content { border-style: solid; border-width: dt('accordion.content.border.width'); border-color: dt('accordion.content.border.color'); background-color: dt('accordion.content.background'); color: dt('accordion.content.color'); padding: dt('accordion.content.padding'); } `;export{style};//# sourceMappingURL=index.mjs.map