Skip to content

Commit 963c22a

Browse files
committed
feat (a11y) handle focus keyboard with focus-within
1 parent c210d33 commit 963c22a

File tree

2 files changed

+8
-2
lines changed

2 files changed

+8
-2
lines changed

src/scss/base/_seo.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
11
[data-seo-container] {
22
position: relative;
33

4-
@include hover {
4+
&:hover,
5+
&:focus-within {
56
cursor: pointer;
67
}
78

9+
&:focus-within {
10+
outline: 1px solid currentColor;
11+
}
12+
813
[data-seo-target] {
914
&:before {
1015
@include pseudo__content;

src/scss/patterns/_menu.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,8 @@
4444
@include clearfix;
4545

4646
&>#{$menu-item} {
47-
@include hover {
47+
&:hover,
48+
&:focus-within {
4849
ul {
4950
display: block;
5051
}

0 commit comments

Comments
 (0)