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

diff --git a/node_modules/video.js/src/css/components/_control.scss b/node_modules/video.js/src/css/components/_control.scss
new file mode 100644
index 000000000..2246b2ae4
--- /dev/null
+++ b/node_modules/video.js/src/css/components/_control.scss
@@ -0,0 +1,38 @@
+// vjs-control might be better named vjs-button now.
+// It's used on both real buttons (play button)
+// and div buttons (menu buttons)
+.video-js .vjs-control {
+  outline: none;
+  position: relative;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 4em;
+  @include flex(none);
+
+  &:before {
+    font-size: 1.8em;
+    line-height: 1.67;
+
+    @extend %icon-default;
+  }
+}
+
+// Replacement for focus outline
+.video-js .vjs-control:focus:before,
+.video-js .vjs-control:hover:before,
+.video-js .vjs-control:focus {
+  text-shadow: 0em 0em 1em rgba($primary-foreground-color, 1);
+}
+
+// Hide control text visually, but have it available for screenreaders
+.video-js .vjs-control-text {
+  @include hide-visually;
+}
+
+// IE 8 + 9 Support
+.vjs-no-flex .vjs-control {
+  display: table-cell;
+  vertical-align: middle;
+}