@postenbring/hedwig-css/dist/link.css.map

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

{"version":3,"sourceRoot":null,"mappings":"AAIA,0oBAgBE,6HAAA,8HAcA,sDAIE,uOAAA,wOASF,6DAIE,uGAUF,gEAIA,wDAIA,mEAQA,oHAAA,qHASA,uDAIA,uDAOA,uDAME,iGAWF,2SAKE,0MAAA,2MAYE,0KAAA","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  --_link-color: var(--hds-colors-neutral-text-default);\n  --_link-hover-color: var(--hds-colors-text-subtle);\n  --_link-text-decoration-color: var(--hds-colors-border-default);\n\n  color: var(--_link-color);\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(--_link-text-decoration-color);\n  text-underline-offset: 0.25em;\n\n  &:hover,\n  &:active {\n    color: var(--_link-hover-color);\n    fill: currentcolor;\n\n    --_link-text-decoration-color: var(--hds-colors-text-subtle);\n\n    /* text-decoration-color: var(--hds-colors-text-subtle); */\n  }\n\n  /**\n   * Modifers\n   */\n\n  &.hds-link--no-underline {\n    /* color: var(--hds-colors-neutral-text-default); */\n    text-decoration: none;\n\n    &:hover,\n    &:active {\n      --_link-hover-color: var(--hds-colors-text-subtle);\n\n      text-decoration: underline;\n      text-decoration-color: var(--hds-colors-border-strong);\n    }\n  }\n\n  &.hds-link--solid {\n    /* color: var(--hds-colors-neutral-text-default); */\n    text-decoration-color: currentcolor;\n\n    &:hover {\n      --_link-hover-color: var(--hds-colors-text-subtle);\n\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\n[data-color=\"info\"],\n[data-color=\"success\"],\n[data-color=\"warning\"],\n[data-color=\"error\"],\n[data-color=\"neutral\"] {\n  .hds-link {\n    --_link-color: var(--hds-colors-base-contrast-default);\n    --_link-hover-color: var(--hds-colors-base-contrast-default);\n    --_link-text-decoration-color: var(--hds-colors-base-contrast-default);\n\n    &:hover,\n    &:active {\n      text-decoration: none;\n\n      --_link-hover-color: var(--hds-colors-base-contrast-default);\n    }\n\n    /* &.hds-link--solid {\n      text-decoration: underline;\n    } */\n\n    &.hds-link--no-underline {\n      &:hover,\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n"],"names":[]}