client/src/sass/player/bezels.scss

   1 @keyframes bezels-fadeout {
   2   from {
   3     opacity: 1;
   4   }
   5   to {
   6     opacity: 0;
   7     transform: scale(2);
   8   }
   9 }
  10
  11 .vjs-bezel {
  12         position: absolute;
  13         left: 50%;
  14         top: 50%;
  15         width: 52px;
  16         height: 52px;
  17         z-index: 19;
  18         margin-left: -26px;
  19         margin-top: -26px;
  20         background: rgba(0,0,0,.5);
  21         border-radius: 26px;
  22         animation: bezels-fadeout .5s linear 1 normal forwards;
  23   pointer-events: none;
  24 }
  25
  26 .vjs-bezel-icon {
  27         width: 36px;
  28         height: 36px;
  29   margin: 8px;
  30
  31   svg .vjs-svg-fill {
  32     fill: #fff;
  33   }
  34 }
  35
  36 .video-js {
  37
  38   .vjs-bezel-content {
  39
  40   }
  41
  42 }