frutjam/dist/components/collapsible/object.js

CSS-only Tailwind CSS v4 component library. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.

export default {".collapsible-overlay":{"position":"absolute","inset":"0","display":"flex","align-items":"flex-end","justify-content":"center","padding-block-end":"1.25rem","cursor":"pointer",".collapsible-open > &,\n  .collapsible:has(> .collapsible-toggle:checked) &":{"display":"none"}},".collapsible-toggle":{"position":"absolute","opacity":0,"width":"0","height":"0"},".collapsible":{"position":"relative","&:is(.collapsible-open, :has(> .collapsible-toggle:checked), [open])":{"& > .collapsible-content":{"grid-template-rows":"1fr"}}},".collapsible-group":{"position":"relative"},".collapsible-arrow::after":{"content":"\"\"","display":"inline-block","flex-shrink":0,"width":"0.4em","height":"0.4em","border-inline-end":"1.5px solid currentColor","border-block-end":"1.5px solid currentColor","transform":"rotate(45deg)","transition":"transform 300ms ease","margin-inline-start":"auto"},".collapsible-open > .collapsible-arrow::after, .collapsible:has( > .collapsible-toggle:checked) .collapsible-arrow::after, .collapsible[open] > .collapsible-arrow::after":{"transform":"rotate(225deg)"},".collapsible-content":{"display":"grid","grid-template-rows":"0fr","overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"inherit","border-end-end-radius":"inherit","transition":"grid-template-rows 300ms ease","& > *":{"min-height":"0"}},".collapsible-title":{"background":"none","border":"none","font":"inherit","display":"flex","align-items":"center","width":"100%","cursor":"pointer","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","list-style":"none","&::marker":{"content":"none"},"&::-webkit-details-marker":{"display":"none"}},".is-collapsible-close":{"display":"inline",":is(.collapsible-open, .collapsible:has(> .collapsible-toggle:checked), .collapsible[open]) &,\n  .collapsible-group:has(.collapsible-open) &,\n  .collapsible-group:has(.collapsible > .collapsible-toggle:checked) &,\n  .collapsible-group:has(.collapsible[open]) &":{"display":"none"}},".is-collapsible-open":{"display":"none",":is(.collapsible-open, .collapsible:has(> .collapsible-toggle:checked), .collapsible[open]) &,\n  .collapsible-group:has(.collapsible-open) &,\n  .collapsible-group:has(.collapsible > .collapsible-toggle:checked) &,\n  .collapsible-group:has(.collapsible[open]) &":{"display":"inline"}},".collapsible-peek > .collapsible-content":{"grid-template-rows":"1fr","max-height":"var(--peek-height, 8rem)","mask-image":"linear-gradient(to bottom, black 40%, transparent 100%)","-webkit-mask-image":"linear-gradient(to bottom, black 40%, transparent 100%)"},".collapsible-peek:is(.collapsible-open, :has( > .collapsible-toggle:checked)) > .collapsible-content":{"max-height":"var(--peek-max-height, 99rem)","mask-image":"none","-webkit-mask-image":"none"}};