@stencila/style-stencila/dist/molecules/details.css.map

Custom designed theme for Stencila components

{"mappings":"AAAA;EAEE;;GAEC,CACD,sDAAwD;;EAExD;;GAEC,CACD,kDAAoD,CCVtD,cAAA,uBAAA,+CAAA,iBDmDA,CCnDA,2CAAA,gBAAA,ADiBI,yDAEE,YACF,CCpBJ,sJAAA,eAAA,6DAAA,eAAA,oBAAA,kBAAA,AD+BI,OAAsC,CAAtC,oCAAsC,CADtC,KAAkC,CAAlC,gCAAkC,CAGlC,sBAAwB,CADxB,sCChCJ,qEAAA,eAAA,wCAAA,ADwCE,6EACE,wBACF,CC1CF,gaAAA,eAAA,wCAAA","sources":["src/molecules/details.css","<no source>"],"sourcesContent":[":host,\nstencila-details {\n  /** @prop --disclosure-icon-right: Position of the disclosure toggle icon relative to\n  * the right boundary of the closest relatively positioned parent element.\n  */\n  --disclosure-icon-right: var(--disclosure-icon-right, 0);\n\n  /** @prop --disclosure-icon-top: Position of the disclosure toggle icon relative to\n  * the top boundary of the closest relatively positioned parent element.\n  */\n  --disclosure-icon-top: var(--disclosure-icon-top, 0);\n\n  @apply relative block font-body;\n\n  .contents {\n    @apply overflow-hidden;\n\n    &.hidden {\n      /* @apply hidden; */\n      display: none;\n    }\n  }\n\n  ::slotted([slot='summary']),\n  &::slotted([slot='summary']) {\n    @apply cursor-pointer;\n  }\n\n  .disclosure-toggle {\n    @apply absolute cursor-pointer pointer-events-none;\n    top: var(--disclosure-icon-top, 0);\n    right: var(--disclosure-icon-right, 0);\n    transition: transform 120ms ease-in-out;\n    transform: rotateZ(0deg);\n\n    svg {\n      @apply stroke-neutral-500;\n    }\n  }\n\n  &[isopen] .disclosure-toggle {\n    transform: rotateZ(180deg);\n  }\n\n  &:hover,\n  &:focus {\n    ::slotted(.disclosure-toggle > svg),\n    &::slotted(.disclosure-toggle > svg) {\n      @apply stroke-neutral-700;\n    }\n  }\n}\n",null],"names":[],"version":3,"file":"details.css.map"}