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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .video-thumbnail {
   5   display: inline-block;
   6   position: relative;
   7   border-radius: 4px;
   8   overflow: hidden;
   9
  10   &:hover {
  11     text-decoration: none !important;
  12   }
  13
  14   img.blur-filter {
  15     filter: blur(5px);
  16     transform : scale(1.03);
  17   }
  18
  19   .video-thumbnail-overlay {
  20     position: absolute;
  21     right: 5px;
  22     bottom: 5px;
  23     display: inline-block;
  24     background-color: rgba(0, 0, 0, 0.7);
  25     color: #fff;
  26     font-size: 12px;
  27     font-weight: $font-bold;
  28     border-radius: 3px;
  29     padding: 0 5px;
  30   }
  31 }