Make details/summary keyboard accessible

2021-05-18 00:32:52 +12:00 · 2021-05-18 00:32:52 +12:00 · db49bb38b0
parent cebc4331bc
commit db49bb38b0
2 changed files with 5 additions and 2 deletions
--- a/sass/includes/base.sass
+++ b/sass/includes/base.sass
@ -45,7 +45,7 @@ select:-moz-focusring
  text-shadow: 0 0 0 c.$fg-bright

 body.show-focus
-  a, select, button, input, video
+  a, select, button, input, video, summary
    &:focus
      outline: 2px dotted #ddd

--- a/sass/includes/video-list-item.sass
+++ b/sass/includes/video-list-item.sass
@ -17,7 +17,10 @@

    visibility: hidden

-    @at-root .thumbnail:hover &, &[open]
+    @at-root .thumbnail:hover &, body.show-focus &
+      visibility: visible
+
+    &[open]
      visibility: visible

  &__show-more