fix(a11y): leverage native :focus-visible in CSS

2023-03-11 21:15:32 +11:00
parent e17d0220c0
commit 0202e8efb0
22 changed files with 39 additions and 136 deletions
@@ -100,7 +100,7 @@
          right: calc((#{$plyr-control-padding} * 1.5) - #{$plyr-menu-item-arrow-size});
        }

-        &.plyr__tab-focus::after,
+        &:focus-visible::after,
        &:hover::after {
          border-left-color: currentColor;
        }
@@ -132,7 +132,7 @@
          top: 100%;
        }

-        &.plyr__tab-focus::after,
+        &:focus-visible::after,
        &:hover::after {
          border-right-color: currentColor;
        }
@@ -181,7 +181,7 @@
        }
      }

-      &.plyr__tab-focus::before,
+      &:focus-visible::before,
      &:hover::before {
        background: rgba($plyr-color-gray-900, 0.1);
      }