Version 1

[yaffs-website] / node_modules / video.js / src / css / components / _time.scss

diff --git a/node_modules/video.js/src/css/components/_time.scss b/node_modules/video.js/src/css/components/_time.scss
new file mode 100644 (file)
index 0000000..0144dac
--- /dev/null
+++ b/node_modules/video.js/src/css/components/_time.scss
@@ -0,0 +1,35 @@
+.video-js .vjs-time-control {
+  @include flex(none);
+  font-size: 1em;
+  line-height: 3em;
+  min-width: 2em;
+  width: auto;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+.vjs-live .vjs-time-control {
+  display: none;
+}
+
+// We need the extra specificity that referencing .vjs-no-flex provides.
+.video-js .vjs-current-time,
+.vjs-no-flex .vjs-current-time {
+  display: none;
+}
+
+.video-js .vjs-duration,
+.vjs-no-flex .vjs-duration {
+  display: none;
+}
+
+.vjs-time-divider {
+  display: none;
+  line-height: 3em;
+}
+
+.vjs-live .vjs-time-divider {
+  // Already the default, but we want to ensure when the player is live
+  // this hides in the same way as the other time controls for other skins
+  display: none;
+}