@postenbring/hedwig-css
Version:
Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
1 lines • 3.03 kB
Source Map (JSON)
{"version":3,"sourceRoot":null,"mappings":"AAIA,yeAYE,uMAAA,wMAWA,0KAIE,wDAIA,6LAUF,gGAIE,oLAMF,uFAIE,8FAAA,+FAQF,8FAIE,kFASF,gEAIA,wDAIA,mEAQA,oHAAA,qHASA,uDAIA,uDAOA,uDAME","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/link/link.css"],"sourcesContent":["/**\n * Block\n */\n\n.hds-link {\n color: var(--hds-link-colors-text);\n fill: currentcolor;\n transition-duration: var(--hds-micro-animation-duration-quick);\n transition-timing-function: var(--hds-micro-animation-easing-normal);\n transition-property: color, fill, text-decoration-color;\n cursor: pointer;\n text-decoration-line: underline;\n text-decoration-thickness: var(--hds-stroke-default);\n text-decoration-color: var(--hds-link-colors-underline);\n text-underline-offset: 0.25em;\n\n &:hover,\n &:active {\n color: var(--hds-link-colors-hover);\n fill: currentcolor;\n text-decoration-color: var(--hds-link-colors-underline-hover);\n }\n\n /**\n * Modifers\n */\n\n &.hds-link--inverted {\n color: var(--hds-ui-colors-white);\n text-decoration-color: var(--hds-colors-signature);\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n color: var(--hds-ui-colors-dark-grey);\n fill: currentcolor;\n text-decoration-color: currentcolor;\n outline: 0 !important;\n box-shadow: none !important;\n cursor: default;\n }\n }\n\n &.hds-link--inverted-no-underline {\n color: var(--hds-ui-colors-white);\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n text-decoration-color: var(--hds-ui-colors-white);\n }\n }\n\n &.hds-link--no-underline {\n color: var(--hds-ui-colors-black);\n text-decoration: none;\n\n &:hover,\n &:active {\n color: var(--hds-colors-dark);\n text-decoration: underline;\n text-decoration-color: currentcolor;\n }\n }\n\n &.hds-link--solid {\n color: var(--hds-ui-colors-black);\n text-decoration-color: currentcolor;\n\n &:hover {\n color: var(--hds-colors-dark);\n text-decoration: none;\n }\n }\n\n /**\n * Sizes\n */\n &.hds-link--small {\n font: var(--hds-typography-body-small);\n }\n\n &.hds-link--large {\n font: var(--hds-typography-h3);\n }\n\n &.hds-link--technical {\n font: var(--hds-typography-technical);\n }\n\n /**\n * Icons \n */\n\n &.hds-link--leading-icon svg,\n &.hds-link--trailing-icon svg {\n width: 1em;\n height: 1em;\n fill: currentcolor;\n vertical-align: middle;\n margin-bottom: 2px;\n }\n\n &.hds-link--leading-icon svg {\n margin-right: 10px;\n }\n\n &.hds-link--trailing-icon svg {\n margin-left: 10px;\n }\n\n /**\n * When styling a button as a link\n */\n &:is(button) {\n padding: 0;\n background: none;\n border: 0;\n\n /* Button inherits the font size from the user agent by default */\n &:not(.hds-link--small, .hds-link--large) {\n font: var(--hds-typography-body);\n }\n }\n}\n"],"names":[]}