@postenbring/hedwig-css
Version:
Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
1 lines • 1.9 kB
Source Map (JSON)
{"version":3,"sourceRoot":null,"mappings":"AAIA,+eAqBE,4DAAA,6EAKA,8CAMA,oHAKA,0HAKA,oIAOF,uIAKA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/badge/badge.css"],"sourcesContent":["/**\n * Block\n */\n\n.hds-badge {\n --_hds-badge-background-color: var(--hds-colors-base-default);\n --_hds-badge-color: var(--hds-colors-base-contrast-default);\n\n display: inline-block;\n border-radius: var(--hds-border-radius);\n text-transform: uppercase;\n\n /* Custom typography for this component */\n font-family: var(--hds-fonts-posten-sans);\n font-weight: 500;\n font-size: 12px;\n line-height: 18px;\n -moz-osx-font-smoothing: subpixel-antialiased;\n -webkit-font-smoothing: subpixel-antialiased;\n vertical-align: 10%;\n background-color: var(--_hds-badge-background-color);\n color: var(--_hds-badge-color);\n\n /* Size variations */\n\n &, /* Default */\n &.hds-badge--small {\n padding: var(--hds-spacing-4) var(--hds-spacing-8);\n }\n\n &.hds-badge--smaller {\n padding: 2px 6px;\n }\n\n /* Deprecated color variations */\n\n &.hds-badge--lighter {\n background-color: var(--hds-colors-surface-tinted);\n color: var(--hds-colors-base-active);\n }\n\n &.hds-badge--darker {\n background-color: var(--hds-colors-base-active);\n color: var(--hds-colors-base-contrast-default);\n }\n\n &.hds-badge--white {\n background-color: var(--hds-colors-neutral-surface-default);\n color: var(--hds-colors-neutral-text-default);\n }\n}\n\n/* to avoid breaking deprecated versions of badge */\n[data-color=\"bring\"] .hds-badge.hds-badge--darker {\n background-color: var(--hds-colors-text-default);\n color: var(--hds-colors-surface-tinted);\n}\n\n[data-color=\"bring\"] .hds-badge.hds-badge--lighter {\n background-color: var(--hds-colors-surface-tinted);\n color: var(--hds-colors-text-subtle);\n}\n"],"names":[]}