Skip to content

Commit f910a73

Browse files
committed
fix(eds-core-react): use spacing tokens instead of stroke tokens in Link CSS
Replace --eds-sizing-stroke-thick with proper spacing tokens (--eds-spacing-vertical-4xs, --eds-spacing-vertical-3xs) for text-underline-offset, outline-offset, and focus ring inset.
1 parent 52949b5 commit f910a73

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

packages/eds-core-react/src/components/next/Link/link.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
color: var(--eds-color-text-link);
44
text-decoration: underline;
55
text-decoration-thickness: var(--eds-sizing-stroke-thin);
6-
text-underline-offset: var(--eds-sizing-stroke-thick);
6+
text-underline-offset: var(--eds-spacing-vertical-4xs);
77

88
transition: color 150ms ease-in-out;
99
}
@@ -16,7 +16,7 @@
1616
border-radius: var(--eds-spacing-border-radius-rounded);
1717
color: var(--eds-color-text-strong);
1818
outline: var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);
19-
outline-offset: calc(var(--eds-sizing-stroke-thick) * 2);
19+
outline-offset: var(--eds-spacing-vertical-3xs);
2020
}
2121

2222
/* Standalone variant: flex layout for icon + text */
@@ -43,7 +43,7 @@
4343
content: '';
4444

4545
position: absolute;
46-
inset: calc(var(--eds-sizing-stroke-thick) * -2);
46+
inset: calc(var(--eds-spacing-vertical-3xs) * -1);
4747

4848
border: var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);
4949
border-radius: var(--eds-spacing-border-radius-rounded);

0 commit comments

Comments
 (0)