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

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '_miniature';
   4
   5 .video-miniature {
   6   width: $video-miniature-width;
   7
   8   display: inline-block;
   9   margin-bottom: 30px;
  10   height: 195px;
  11   vertical-align: top;
  12
  13   .video-miniature-information {
  14     width: 200px;
  15     margin-top: 2px;
  16     line-height: normal;
  17
  18     .video-miniature-name {
  19       @include miniature-name;
  20     }
  21
  22     .video-miniature-created-at-views {
  23       display: block;
  24       font-size: 13px;
  25     }
  26
  27     .video-miniature-account,
  28     .video-miniature-channel {
  29       @include disable-default-a-behaviour;
  30       @include ellipsis;
  31
  32       display: block;
  33       font-size: 13px;
  34       color: $grey-foreground-color;
  35
  36       &:hover {
  37         color: $grey-foreground-hover-color;
  38       }
  39     }
  40   }
  41 }