UNPKG

@js-components/accordion

Version:
1 lines 2.16 kB
{"version":3,"file":"./accordion/accordion.min.css","mappings":";;;;;;;;;GACA,iD,SAIA,iDACE,WACA,mB,gBAEA,SACA,eAGF,gEACE,eAIF,iD,aAEE,sBAGF,yDACE,sBAGF,2EACE,eAGF,uE,aAIA,qB,uCAIE,gBAIF,iDACE,aACA,mBACA,8BACA,SAGF,iEACE,cACA,YACA,cACA,oBACA,mBACA,uBACA,uDACA,cAGF,0EACE,0BAGF,qEACE,wBACA","sources":["webpack://js-components/./src/components/accordion/accordion.css"],"sourcesContent":["/* reset */\r\n[data-jsc-accordion-container] .accordion-header{\r\n margin: 0;\r\n}\r\n\r\n[data-jsc-accordion-container] .accordion-button{\r\n width: 100%;\r\n text-align: inherit;\r\n border-radius: 0;\r\n border: 0;\r\n font-size: 1rem;\r\n}\r\n\r\n[data-jsc-accordion-container] .accordion-button:not(:disabled){\r\n cursor: pointer;\r\n}\r\n\r\n/* basic design */\r\n[data-jsc-accordion-container] .accordion-button{\r\n padding: 10px;\r\n background-color: #eee;\r\n}\r\n\r\n[data-jsc-accordion-container] [data-jsc-accordion-item]{\r\n border: 2px solid #333;\r\n}\r\n\r\n[data-jsc-accordion-container] [data-jsc-accordion-item]:not(:first-child){\r\n margin-top: 8px;\r\n}\r\n\r\n[data-jsc-accordion-container] [data-jsc-accordion] > .accordion-content{\r\n padding: 10px;\r\n}\r\n\r\n[data-jsc-accordion]{\r\n /* removing these because it will have some glitchy effect */\r\n padding: 0!important;\r\n margin: 0!important;\r\n overflow: hidden;\r\n}\r\n\r\n/* accordion trigger */\r\n[data-jsc-accordion-container] .accordion-button{\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n}\r\n\r\n[data-jsc-accordion-container] .accordion-button .accordion-icon{\r\n flex-shrink: 0;\r\n flex-grow: 0;\r\n line-height: 0;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all var(--jsc-ac-duration, 300ms) ease-in-out;\r\n --size: 1.4em;\r\n}\r\n\r\n[data-jsc-accordion-container] .accordion-button.expanded .accordion-icon{\r\n transform: rotate(-180deg);\r\n}\r\n\r\n[data-jsc-accordion-container] .accordion-button .accordion-icon svg{\r\n width: var(--size, 1rem);\r\n height: var(--size, 1rem);\r\n}\r\n"],"names":[],"sourceRoot":""}