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

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