@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-background--focus:var(--ds-color-focus-outer);--dsc-link-color--focus:var(--ds-color-focus-inner);--dsc-link-color--visited:var(--ds-link-color-visited);--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;color:var(--dsc-link-color);outline:none;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em}.ds-link :is(img,svg){vertical-align:middle}.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{background:var(--dsc-link-background--focus);color:var(--dsc-link-color--focus);outline:2px solid transparent}.ds-link:active{background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}