X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=node_modules%2Fvideo.js%2Fsrc%2Fcss%2Fcomponents%2F_adaptive.scss;fp=node_modules%2Fvideo.js%2Fsrc%2Fcss%2Fcomponents%2F_adaptive.scss;h=02d992334b6f2f7fb988c5448afc4676d6125bda;hp=0000000000000000000000000000000000000000;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad

diff --git a/node_modules/video.js/src/css/components/_adaptive.scss b/node_modules/video.js/src/css/components/_adaptive.scss
new file mode 100644
index 000000000..02d992334
--- /dev/null
+++ b/node_modules/video.js/src/css/components/_adaptive.scss
@@ -0,0 +1,40 @@
+// When the player is absurdly tiny, display nothing but:
+// - Play button
+// - Fullscreen Button
+.video-js.vjs-layout-tiny:not(.vjs-fullscreen) {
+  .vjs-custom-control-spacer { @include flex(auto); }
+  &.vjs-no-flex .vjs-custom-control-spacer { width: auto; }
+
+  .vjs-current-time, .vjs-time-divider, .vjs-duration, .vjs-remaining-time,
+  .vjs-playback-rate, .vjs-progress-control,
+  .vjs-mute-control, .vjs-volume-control, .vjs-volume-menu-button,
+  .vjs-chapters-button, .vjs-descriptions-button, .vjs-captions-button,
+  .vjs-subtitles-button, .vjs-audio-button { display: none; }
+}
+
+// When the player is x-small, display nothing but:
+// - Play button
+// - Progress bar
+// - Fullscreen Button
+.video-js.vjs-layout-x-small:not(.vjs-fullscreen) {
+  .vjs-current-time, .vjs-time-divider, .vjs-duration, .vjs-remaining-time,
+  .vjs-playback-rate,
+  .vjs-mute-control, .vjs-volume-control, .vjs-volume-menu-button,
+  .vjs-chapters-button, .vjs-descriptions-button, .vjs-captions-button,
+  .vjs-subtitles-button, .vjs-audio-button { display: none; }
+}
+
+
+// When the player is small, display nothing but:
+// - Play button
+// - Progress bar
+// - Volume menu button
+// - Captions Button
+// - Fullscreen button
+.video-js.vjs-layout-small:not(.vjs-fullscreen) {
+  .vjs-current-time, .vjs-time-divider, .vjs-duration, .vjs-remaining-time,
+  .vjs-playback-rate,
+  .vjs-mute-control, .vjs-volume-control,
+  .vjs-chapters-button, .vjs-descriptions-button, .vjs-captions-button,
+  .vjs-subtitles-button .vjs-audio-button { display: none; }
+}