{"version":3,"sources":["SuperResponsiveTableStyle.css"],"names":[],"mappings":"AACA,iBACE,UACF,CAEA,8BACE,YACF,CAEA,mCAME,iIAME,aACF,CAEA,0BACE,iBAAkB,CAClB,WAAY,CACZ,YAAa,CACb,4BACF,CAEA,0BACE,qBAAsB,CACtB,aACF,CAEA,4BAEE,qBAAuB,CACvB,iBAAkB,CAClB,uCAIF,CAEA,0DALE,yBAA2B,CAC3B,oBAAqB,CACrB,wBAeF,CAZA,8BAEE,iBAAkB,CAClB,aAAc,CAGd,SAAU,CACV,sBAAuB,CAIvB,eACF,CACF","file":"2.326c04ff.chunk.css","sourcesContent":["/* inspired by: https://css-tricks.com/responsive-data-tables/ */\n.responsiveTable {\n width: 100%;\n}\n\n.responsiveTable td .tdBefore {\n display: none;\n}\n\n@media screen and (max-width: 40em) {\n /*\n Force table elements to not behave like tables anymore\n Hide table headers (but not display: none;, for accessibility)\n */\n\n .responsiveTable table,\n .responsiveTable thead,\n .responsiveTable tbody,\n .responsiveTable th,\n .responsiveTable td,\n .responsiveTable tr {\n display: block;\n }\n\n .responsiveTable thead tr {\n position: absolute;\n top: -9999px;\n left: -9999px;\n border-bottom: 2px solid #333;\n }\n\n .responsiveTable tbody tr {\n border: 1px solid #000;\n padding: .25em;\n }\n\n .responsiveTable td.pivoted {\n /* Behave like a \"row\" */\n border: none !important;\n position: relative;\n padding-left: calc(50% + 10px) !important;\n text-align: left !important;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n }\n\n .responsiveTable td .tdBefore {\n /* Now like a table header */\n position: absolute;\n display: block;\n\n /* Top/left values mimic padding */\n left: 1rem;\n width: calc(50% - 20px);\n white-space: pre-wrap;\n overflow-wrap: break-word;\n text-align: left !important;\n font-weight: 600;\n }\n}\n"]}
|
Download
