fix focus styles for Link component

haschek · haschek · commit 8dcde8852977 · 2026-03-23T13:19:07.000+01:00
diff --git a/src/components/Link/link.scss b/src/components/Link/link.scss
@@ -32,12 +32,10 @@
     }
 
     &:focus {
-        outline: none;
-        outline-offset: 0;
+        @extend .focus-by-pointer;
     }
 
     &:focus-visible {
-        outline: eccgui-color-rgba($eccgui-color-accent, $eccgui-opacity-muted) solid 2px;
-        outline-offset: 1px;
+        @extend .focus-by-keyboard;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -32,12 +32,10 @@`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`&:focus {`
`35`		`- outline: none;`
`36`		`- outline-offset: 0;`
	`35`	`+ @extend .focus-by-pointer;`
`37`	`36`	`}`
`38`	`37`
`39`	`38`	`&:focus-visible {`
`40`		`- outline: eccgui-color-rgba($eccgui-color-accent, $eccgui-opacity-muted) solid 2px;`
`41`		`- outline-offset: 1px;`
	`39`	`+ @extend .focus-by-keyboard;`
`42`	`40`	`}`
`43`	`41`	`}`