@postenbring/hedwig-css
Version:
Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
1 lines • 1.49 kB
Source Map (JSON)
{"version":3,"sourceRoot":null,"mappings":"AACA,uCAIA,qFAKE,+DASA,uFAIA,uCAME,wCAAA,uEAMA,iHAKA,sFAIE,8FAUF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/description-list/description-list.css"],"sourcesContent":["/* Reset outer margin from the browser defaults, but let consumers easily override it */\n:where(.hds-description-list) {\n margin: 0;\n}\n\n.hds-description-list {\n list-style: none;\n padding-left: 0;\n font: var(--hds-typography-body);\n\n & dt {\n font: var(--hds-typography-body-title);\n }\n\n /**\n * Spacing between each item\n * a description list can either have `div` wrapping the groups of `dt` and `dd`\n * or just the `dt` and `dd` as a flat list next to each other\n */\n & :is(dt, div):not(:first-of-type) {\n margin-top: var(--hds-spacing-12);\n }\n\n & dd {\n margin-left: 0;\n }\n\n &, /* Default */\n &.hds-description-list--vertical {\n & dd {\n margin-top: 2px;\n }\n }\n\n &.hds-description-list--horizontal {\n & dt {\n display: inline-block;\n margin-right: var(--hds-spacing-8);\n }\n\n & dd {\n display: inline;\n margin-top: 0;\n\n &::after {\n content: \"\\a\";\n white-space: pre;\n }\n }\n\n /**\n * When a non-text element is inside it will mess up the layout\n * if has `display: block` and/or some margin\n */\n & :is(dt, dd) * {\n display: inline;\n }\n }\n}\n"],"names":[]}