UNPKG

@postenbring/hedwig-css

Version:

Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

1 lines 1.94 kB
{"version":3,"sourceRoot":null,"mappings":"AAAA,wLASA,+FAOE,mRASA,2JAKA,iFAIA,6MAMA,wIAIE,8FAIA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/form/fieldset/fieldset.css"],"sourcesContent":[":where(.hds-fieldset) {\n /* Reset outer margin from the browser defaults, but let consumers easily override it */\n margin: 0;\n\n --hds-fieldset-spacing: var(--hds-spacing-16);\n --hds-fieldset-legend-spacing: var(--hds-spacing-4);\n --hds-fieldset-description-spacing: var(--hds-spacing-24);\n}\n\n.hds-fieldset {\n display: flex;\n flex-flow: column nowrap;\n border: 0;\n padding: 0;\n gap: var(--hds-fieldset-spacing);\n\n & .hds-fieldset__legend {\n padding: 0;\n color: var(--hds-colors-neutral-text-default);\n margin-bottom: var(--hds-fieldset-legend-spacing);\n transition: color var(--hds-micro-animation-duration-quick)\n var(--hds-micro-animation-easing-normal);\n font: var(--hds-typography-h3-title);\n }\n\n &:has(.hds-fieldset__legend):not(:has(.hds-fieldset__description)) .hds-fieldset__legend {\n margin-bottom: var(--hds-fieldset-description-spacing);\n }\n\n /* Deprecated: .hds-fieldset__legend--large remains as a compatibility alias. Prefer .hds-fieldset__legend[data-size=\"large\"]. */\n & .hds-fieldset__legend--large {\n font: var(--hds-typography-body-title);\n }\n\n & .hds-fieldset__description {\n color: var(--hds-colors-neutral-text-subtle);\n font: var(--hds-typography-h3);\n margin-bottom: calc(var(--hds-fieldset-description-spacing) - var(--hds-fieldset-spacing));\n }\n\n &.hds-fieldset--small {\n --hds-fieldset-spacing: var(--hds-spacing-12);\n --hds-fieldset-description-spacing: var(--hds-spacing-16);\n\n & .hds-fieldset__legend {\n font: var(--hds-typography-body-title);\n }\n\n & .hds-fieldset__description {\n font: var(--hds-typography-body);\n }\n }\n}\n"],"names":[]}