yaffs.net Git - yaffs-website/blob - node_modules/video.js/src/css/components/_control.scss

   1 // vjs-control might be better named vjs-button now.
   2 // It's used on both real buttons (play button)
   3 // and div buttons (menu buttons)
   4 .video-js .vjs-control {
   5   outline: none;
   6   position: relative;
   7   text-align: center;
   8   margin: 0;
   9   padding: 0;
  10   height: 100%;
  11   width: 4em;
  12   @include flex(none);
  13
  14   &:before {
  15     font-size: 1.8em;
  16     line-height: 1.67;
  17
  18     @extend %icon-default;
  19   }
  20 }
  21
  22 // Replacement for focus outline
  23 .video-js .vjs-control:focus:before,
  24 .video-js .vjs-control:hover:before,
  25 .video-js .vjs-control:focus {
  26   text-shadow: 0em 0em 1em rgba($primary-foreground-color, 1);
  27 }
  28
  29 // Hide control text visually, but have it available for screenreaders
  30 .video-js .vjs-control-text {
  31   @include hide-visually;
  32 }
  33
  34 // IE 8 + 9 Support
  35 .vjs-no-flex .vjs-control {
  36   display: table-cell;
  37   vertical-align: middle;
  38 }