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 }