Tab focus tweaks

2016-01-14 00:59:18 +11:00
parent ca8fd08e81
commit 7d487553b2
4 changed files with 55 additions and 41 deletions
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@ -100,8 +100,8 @@
 }
 // Tab focus styles
 .tab-focus() {
-    outline: thin dotted #000;
-    outline-offset: 0;
+    outline: 1px dotted fade(@gray-dark, 80%);
+    outline-offset: 3px;
 }

 // <input type="range"> styling
@ -387,6 +387,11 @@
        z-index: 3;
    }

+    // Common range styles
+    input[type='range'].tab-focus {
+        .tab-focus();
+    }
+
    // Playback progress
    // <progress> element
    &__progress {