client/src/standalone/videos/embed.scss

   1 @import '~video.js/dist/video-js.css';
   2 @import '~videojs-dock/dist/videojs-dock.css';
   3 @import '../../sass/video-js-custom.scss';
   4
   5 video {
   6   width: 99%;
   7 }
   8
   9 /* fill the entire space */
  10 html, body {
  11   height: 100%;
  12   margin: 0;
  13 }
  14
  15 .video-js {
  16   width: 100%;
  17   height: 100%;
  18 }
  19
  20 .vjs-poster {
  21   background-size: 100% auto;
  22 }
  23
  24 .vjs-peertube-link {
  25   color: white;
  26   text-decoration: none;
  27   font-size: 1.3em;
  28   line-height: 2.20;
  29   transition: all .4s;
  30   position: relative;
  31   right: 6px;
  32 }
  33
  34 .vjs-peertube-link:hover {
  35   text-shadow: 0 0 1em #fff;
  36 }
  37
  38 // Fix volume panel because we added a new component (PeerTube link)
  39 .vjs-volume-panel {
  40   margin-right: 90px !important;
  41 }