UNPKG

@postenbring/hedwig-css

Version:

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

1 lines 1.39 kB
{"version":3,"sourceRoot":null,"mappings":"AAIA,qSAgBE,4DAAA,6EAKA,8CAMA,mFAAA,sGAMA,wGAKA,qGAKA","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 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\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 /* Color variations */\n\n &, /* Default */\n &.hds-badge--lighter {\n background-color: var(--hds-colors-lighter);\n color: var(--hds-colors-dark);\n }\n\n &.hds-badge--darker {\n background-color: var(--hds-colors-darker);\n color: var(--hds-ui-colors-white);\n }\n\n &.hds-badge--white {\n background-color: var(--hds-ui-colors-white);\n color: var(--hds-colors-dark);\n }\n\n &.hds-badge--warning {\n background-color: var(--hds-ui-colors-warning-yellow);\n color: var(--hds-link-colors-text);\n }\n}\n"],"names":[]}