1 files changed, 25 insertions, 0 deletions
diff --git a/javascript/videojs/src/css/components/_slider.scss b/javascript/videojs/src/css/components/_slider.scss
new file mode 100644
index 0000000..2843fd3
--- /dev/null
+++ b/javascript/videojs/src/css/components/_slider.scss
@@ -0,0 +1,25 @@
+.video-js .vjs-slider {
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  margin: 0 0.45em 0 0.45em;
+
+  @include user-select(none);
+
+  @include background-color-with-alpha($secondary-background-color, $secondary-background-transparency);
+ }
+
+.video-js .vjs-slider.disabled {
+  cursor: default;
+}
+
+.video-js .vjs-slider:focus {
+  text-shadow: 0em 0em 1em rgba($primary-foreground-color, 1);
+
+  @include box-shadow(0 0 1em $primary-foreground-color);
+}
+
+// Replacement for focus in case spatial navigation is enabled
+.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
+  outline: 0.0625em solid rgba($primary-foreground-color, 1);
+}