client/src/standalone/videos/embed.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '~video.js/dist/video-js.css';
   4 @import '~videojs-dock/dist/videojs-dock.css';
   5 @import '../../sass/video-js-custom.scss';
   6
   7 video {
   8   width: 99%;
   9 }
  10
  11 /* fill the entire space */
  12 html, body {
  13   height: 100%;
  14   margin: 0;
  15 }
  16
  17
  18
  19 .video-js.vjs-peertube-skin {
  20   width: 100%;
  21   height: 100%;
  22   overflow: hidden;
  23
  24   .vjs-poster {
  25     background-size: 100% auto;
  26   }
  27
  28   .vjs-peertube-link {
  29     @include disable-outline;
  30
  31     color: #fff;
  32     text-decoration: none;
  33     font-size: $font-size;
  34     line-height: $control-bar-height;
  35     transition: all .4s;
  36     font-weight: $font-semibold;
  37     padding-right: 5px;
  38   }
  39
  40   .vjs-peertube-link:hover {
  41     text-shadow: 0 0 1em #fff;
  42   }
  43
  44   @media screen and (max-width: 350px) {
  45     .vjs-play-control {
  46       padding: 0 5px !important;
  47       width: 25px !important;
  48     }
  49
  50     .vjs-volume-control {
  51       display: none !important;
  52     }
  53
  54     .vjs-volume-panel {
  55       width: 26px !important;
  56     }
  57
  58     .vjs-peertube-link {
  59       padding: 0;
  60     }
  61   }
  62 }