@postenbring/hedwig-css
Version:
Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
1 lines • 2.8 kB
Source Map (JSON)
{"version":3,"sourceRoot":null,"mappings":"AACA,2BAIA,6FAUE,+CAGE,yDAKF,oCAIA,oCAGE,2CAMF,yEAMA,0EAaA,0CAKE,8CAIA,6CAAA,6CATF,4DAKE,gEAIA,+DAAA,+DATF,2DAKE,+DAIA,8DAAA,8DAMF,gEAGE,8DAIA,6DAAA,6DAMF,mEAGE,kEAIA,iEAAA,iEAMF,wDAGE,+DAIA,8DAAA,8DASF,6DAIE,mEAIA,gDApHJ,shBAYE,oPAAA,qPAWA,uNAIE,qGAIA,0OAUF,6IAIE,iOAMF,oIAIE,2IAAA,4IAQF,2IAIE,+HASF,6GAIA,qGAIA,gHAQA,iKAAA,kKASA,oGAIA,oGAOA,oGAME","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/list/list.css"],"sourcesContent":["/* Reset outer margin from the browser defaults, but let consumers easily override it */\n:where(.hds-list) {\n margin: 0;\n}\n\n.hds-list {\n --_hds-list-marker-color: var(--hds-colors-dark);\n\n /**\n * Spacing from the left\n * In hedwig legacy the bullets started at the content\n * padding-left: var(--hds-spacing-16);\n */\n padding-left: var(--hds-spacing-32);\n\n & li {\n padding-left: var(--hds-spacing-8);\n\n &::marker {\n color: var(--_hds-list-marker-color);\n }\n }\n\n &:is(ol) {\n list-style: decimal;\n }\n\n &:is(ul) {\n list-style: disc;\n\n & li::marker {\n font-size: 16px;\n }\n }\n\n /* Nested unordered lists */\n &:is(ul) ul {\n list-style: circle;\n padding-left: var(--hds-spacing-16);\n }\n\n /* Nested ordered lists */\n &:is(ol) ol {\n list-style: decimal;\n padding-left: var(--hds-spacing-16);\n\n /* TODO: Consider variant for a, b, c list style when nested */\n\n /* list-style: lower-alpha; */\n }\n\n /**\n * Modifers: Sizes\n */\n\n &, /* Default */\n &.hds-list--default,\n &.hds-list--medium {\n font: var(--hds-typography-body);\n\n * + * {\n margin-top: var(--hds-spacing-8);\n }\n\n & ul,\n & ol {\n margin-top: var(--hds-spacing-8);\n }\n }\n\n &.hds-list--small {\n font: var(--hds-typography-body-small);\n\n * + * {\n margin-top: var(--hds-spacing-4);\n }\n\n & ul,\n & ol {\n margin-top: var(--hds-spacing-4);\n }\n }\n\n &.hds-list--technical {\n font: var(--hds-typography-technical);\n\n * + * {\n margin-top: var(--hds-spacing-4);\n }\n\n & ul,\n & ol {\n margin-top: var(--hds-spacing-4);\n }\n }\n\n &.hds-list--large {\n font: var(--hds-typography-h3);\n\n * + * {\n margin-top: var(--hds-spacing-12);\n }\n\n & ul,\n & ol {\n margin-top: var(--hds-spacing-12);\n }\n }\n\n /**\n * Link list\n */\n &.hds-list--link-list {\n list-style: none;\n padding-left: 0;\n\n * + * {\n margin-top: var(--hds-spacing-16);\n }\n\n & li {\n padding-left: 0;\n }\n\n /* Auto style `a` tags */\n a:where(:not(.hds-link)) {\n @extend url(\"./src/link/link.css:hds-link\");\n }\n }\n}\n"],"names":[]}