@digdir/designsystemet-css/dist/src/link.css

CSS for Designsystemet

.ds-link{--dsc-link-background--active:var(--ds-color-surface-tinted);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--visited:var(--ds-link-color-visited);--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;--dsc-link-border-radius:var(--ds-border-radius-md);border-radius:var(--dsc-link-border-radius);color:var(--dsc-link-color);outline:none;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em}.ds-link:is(button){background:none;border:none;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit}.ds-link :is(img,svg){vertical-align:middle}.ds-link:has(>span)>:is(img,svg){margin-inline:var(--ds-size-1)}:is(.ds-link:has(>span)>:is(img,svg)):first-child{-webkit-margin-start:0;margin-inline-start:0}:is(.ds-link:has(>span)>:is(img,svg)):last-child{-webkit-margin-end:0;margin-inline-end:0}.ds-link[data-color=neutral]{--dsc-link-color--active:var(--ds-color-neutral-text-subtle);--dsc-link-color--hover:var(--ds-color-neutral-text-subtle);--dsc-link-color:var(--ds-color-neutral-text-default)}.ds-link:visited{color:var(--dsc-link-color--visited)}@media (hover:hover) and (pointer:fine){.ds-link:hover{color:var(--dsc-link-color--hover);text-decoration-thickness:var(--dsc-link-text-decoration-thickness--hover)}}.ds-link:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-link:focus-visible *{--_ds--focus: }.ds-link:active{background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}