add :focus-visible css selector to some hover styles

2025-09-18 16:05:33 -04:00 · 2022-07-27 18:05:50 -04:00
parent 78593b03ca
commit 1f373541be
12 changed files with 27 additions and 30 deletions
--- a/components/Link/Link.tsx
+++ b/components/Link/Link.tsx
@@ -25,7 +25,7 @@ const StyledLink = styled(NextLink, {
          transition: `background-size ${theme.transitions.linkHover}`,
        },

-        "&:hover": {
+        "&:hover, &:focus-visible": {
          backgroundSize: `100% ${theme.borderWidths.underline}`,
        },
      },