client/src/sass/player/bezels.scss

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