client/src/app/shared/video/video-thumbnail.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '_miniature';
   4
   5 .video-thumbnail {
   6   @include miniature-thumbnail;
   7
   8   .progress-bar {
   9     height: 3px;
  10     width: 100%;
  11     position: absolute;
  12     bottom: 0;
  13     background-color: rgba(0, 0, 0, 0.20);
  14
  15     div {
  16       height: 100%;
  17       background-color: var(--mainColor);
  18     }
  19   }
  20
  21   .video-thumbnail-duration-overlay {
  22     @include static-thumbnail-overlay;
  23
  24     position: absolute;
  25     right: 5px;
  26     bottom: 5px;
  27     padding: 0 5px;
  28     border-radius: 3px;
  29     font-size: 12px;
  30     font-weight: $font-bold;
  31     z-index: 1;
  32   }
  33 }