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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .video-miniature {
   5   display: inline-block;
   6   padding-right: 15px;
   7   margin-bottom: 30px;
   8   height: 175px;
   9   vertical-align: top;
  10
  11   .video-miniature-information {
  12     width: 200px;
  13     margin-top: 2px;
  14     line-height: normal;
  15
  16     .video-miniature-name {
  17       display: block;
  18       overflow: hidden;
  19       text-overflow: ellipsis;
  20       white-space: nowrap;
  21       transition: color 0.2s;
  22       font-size: 16px;
  23       font-weight: $font-semibold;
  24       color: #000;
  25
  26       &:hover {
  27         text-decoration: none;
  28       }
  29
  30       &.blur-filter {
  31         filter: blur(3px);
  32         padding-left: 4px;
  33       }
  34     }
  35
  36     .video-miniature-created-at-views {
  37       display: block;
  38       font-size: 13px;
  39     }
  40
  41     .video-miniature-account,
  42     .video-miniature-channel {
  43       @include disable-default-a-behaviour;
  44
  45       display: block;
  46       overflow: hidden;
  47       text-overflow: ellipsis;
  48       white-space: nowrap;
  49       font-size: 13px;
  50       color: #585858;
  51
  52       &:hover {
  53         color: #303030;
  54       }
  55     }
  56   }
  57 }