@postenbring/hedwig-css
Version:
Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
1 lines • 2.88 kB
Source Map (JSON)
{"version":3,"sourceRoot":null,"mappings":"AAEA,iGASE,kGAAA,kGAKA,4DAAA,4DAKA,4DAAA,4DAWE,qFAAA,qFAMA,0DAIA,oDAVA,wGAAA,wGAMA,6EAIA,uEAMA,0GAAA,0GAMA,+EAIA,yEAKF,6BAEI,iHAAA,iHAMA,sFAIA,iFAOJ,6HAQF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/table/table.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/table/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n\n.hds-table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n\n /* Minimum width */\n min-width: 460px;\n overflow-x: scroll;\n\n th,\n td {\n border-bottom: var(--hds-stroke-default) solid var(--hds-ui-colors-light-grey-stroke);\n }\n\n th:first-child,\n td:first-child {\n padding-left: var(--hds-spacing-4);\n }\n\n th:last-child,\n td:last-child {\n padding-right: var(--hds-spacing-4);\n }\n\n /**\n * Size\n */\n\n &, /* Default */\n &.hds-table--default {\n th,\n td {\n padding-top: var(--hds-spacing-24);\n padding-bottom: var(--hds-spacing-16);\n }\n\n th {\n font: var(--hds-typography-body-small-title);\n }\n\n td {\n font: var(--hds-typography-body-small);\n }\n }\n\n &.hds-table--compressed {\n th,\n td {\n padding-top: var(--hds-spacing-12);\n padding-bottom: var(--hds-spacing-8);\n }\n\n th {\n font: var(--hds-typography-technical-title);\n }\n\n td {\n font: var(--hds-typography-technical);\n }\n }\n\n @media (--before-medium) {\n &.hds-table--mobile-compressed {\n th,\n td {\n padding-top: var(--hds-spacing-12);\n padding-bottom: var(--hds-spacing-8);\n }\n\n th {\n font: var(--hds-typography-technical-title);\n }\n\n td {\n font: var(--hds-typography-technical);\n }\n }\n }\n\n /* Caption heading */\n caption {\n font: var(--hds-typography-h3-title);\n text-align: left;\n caption-side: top;\n padding-bottom: var(--hds-spacing-12);\n }\n}\n\n.hds-table + .hds-table-description {\n font: var(--hds-typography-caption);\n padding: var(--hds-spacing-12) 0;\n}\n","/**\n * Reusable media queries using the hedwig breakpoint\n *\n * As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n *\n * https://www.w3.org/TR/mediaqueries-5/#custom-mq\n */\n\n/* Mobile first */\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/* Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}