Tab focus classname change

5 files changed, 9 insertions, 9 deletions

diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less
index 3aa6da1a..61cb3b01 100644
--- a/src/less/components/buttons.less
+++ b/src/less/components/buttons.less
@@ -35,7 +35,7 @@
 
 // Audio styles
 .plyr--audio .plyr__control {
-    &.tab-focus,
+    &.plyr__tab-focus,
     &:hover,
     &[aria-expanded='true'] {
         background: @plyr-audio-control-bg-hover;
diff --git a/src/less/components/controls.less b/src/less/components/controls.less
index b362513f..62bb4ee8 100644
--- a/src/less/components/controls.less
+++ b/src/less/components/controls.less
@@ -66,7 +66,7 @@
         }
 
         // Hover and tab focus
-        &.tab-focus,
+        &.plyr__tab-focus,
         &:hover,
         &[aria-expanded='true'] {
             background: @plyr-video-control-bg-hover;
diff --git a/src/less/components/menus.less b/src/less/components/menus.less
index 171ae52d..a679e69b 100644
--- a/src/less/components/menus.less
+++ b/src/less/components/menus.less
@@ -87,7 +87,7 @@
                     border-left-color: fade(@plyr-menu-color, 80%);
                 }
 
-                &.tab-focus::after,
+                &.plyr__tab-focus::after,
                 &:hover::after {
                     border-left-color: currentColor;
                 }
@@ -121,7 +121,7 @@
                     box-shadow: 0 1px 0 @plyr-menu-border-shadow-color;
                 }
 
-                &.tab-focus::after,
+                &.plyr__tab-focus::after,
                 &:hover::after {
                     border-right-color: currentColor;
                 }
diff --git a/src/less/components/sliders.less b/src/less/components/sliders.less
index b3b328e3..d075d69f 100644
--- a/src/less/components/sliders.less
+++ b/src/less/components/sliders.less
@@ -79,7 +79,7 @@
         border: 0;
     }
 
-    &.tab-focus {
+    &.plyr__tab-focus {
         outline-offset: 3px;
     }
 
@@ -113,7 +113,7 @@
         background: @plyr-video-range-track-bg;
     }
 
-    &.tab-focus {
+    &.plyr__tab-focus {
         outline: 1px dotted fade(@plyr-video-control-color, 50%);
     }
 }
@@ -132,7 +132,7 @@
         background: @plyr-audio-range-track-bg;
     }
 
-    &.tab-focus {
+    &.plyr__tab-focus {
         outline: 1px dotted fade(@plyr-audio-control-color, 50%);
     }
 }
diff --git a/src/less/components/tooltips.less b/src/less/components/tooltips.less
index 225bb02a..7b85d3ff 100644
--- a/src/less/components/tooltips.less
+++ b/src/less/components/tooltips.less
@@ -41,7 +41,7 @@
 
 // Displaying
 .plyr .plyr__control:hover .plyr__tooltip,
-.plyr .plyr__control.tab-focus .plyr__tooltip,
+.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
 .plyr__tooltip--visible {
     opacity: 1;
     transform: translate(-50%, 0) scale(1);
@@ -80,7 +80,7 @@
 .plyr__controls > .plyr__control:first-child + .plyr__control,
 .plyr__controls > .plyr__control:last-child {
     &:hover .plyr__tooltip,
-    &.tab-focus .plyr__tooltip,
+    &.plyr__tab-focus .plyr__tooltip,
     .plyr__tooltip--visible {
         transform: translate(0, 0) scale(1);
     }