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   @include margin-left(-26px);
  13
  14   position: absolute;
  15   left: 50%;
  16   top: 50%;
  17   width: 52px;
  18   height: 52px;
  19   z-index: 19;
  20   margin-top: -26px;
  21   background: rgba(0, 0, 0, .5);
  22   border-radius: 26px;
  23   animation: bezels-fadeout .5s linear 1 normal forwards;
  24   pointer-events: none;
  25 }
  26
  27 .vjs-bezel-icon {
  28   width: 36px;
  29   height: 36px;
  30   margin: 8px;
  31
  32   svg .vjs-svg-fill {
  33     fill: #fff;
  34   }
  35 }