frutjam
Version:
A utility-first CSS UI Library for Tailwind CSS
2 lines (1 loc) • 2.81 kB
JavaScript
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","&.collapsible-open,\n \n &:has(> .collapsible-toggle:checked),\n \n &[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 > &::after,\n .collapsible:has(> .collapsible-toggle:checked) &::after,\n .collapsible[open] > &::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-open,\n &:has(> .collapsible-toggle:checked)":{"& > .collapsible-content":{"max-height":"var(--peek-max-height, 99rem)","mask-image":"none","-webkit-mask-image":"none"}}}};