Make details/summary keyboard accessible
This commit is contained in:
parent
cebc4331bc
commit
db49bb38b0
|
@ -45,7 +45,7 @@ select:-moz-focusring
|
||||||
text-shadow: 0 0 0 c.$fg-bright
|
text-shadow: 0 0 0 c.$fg-bright
|
||||||
|
|
||||||
body.show-focus
|
body.show-focus
|
||||||
a, select, button, input, video
|
a, select, button, input, video, summary
|
||||||
&:focus
|
&:focus
|
||||||
outline: 2px dotted #ddd
|
outline: 2px dotted #ddd
|
||||||
|
|
||||||
|
|
|
@ -17,7 +17,10 @@
|
||||||
|
|
||||||
visibility: hidden
|
visibility: hidden
|
||||||
|
|
||||||
@at-root .thumbnail:hover &, &[open]
|
@at-root .thumbnail:hover &, body.show-focus &
|
||||||
|
visibility: visible
|
||||||
|
|
||||||
|
&[open]
|
||||||
visibility: visible
|
visibility: visible
|
||||||
|
|
||||||
&__show-more
|
&__show-more
|
||||||
|
|
Loading…
Reference in New Issue