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       font-weight: bold;
  22       transition: color 0.2s;
  23       font-size: 16px;
  24       font-weight: $font-semibold;
  25       color: #000;
  26
  27       &:hover {
  28         text-decoration: none;
  29       }
  30
  31       &.blur-filter {
  32         filter: blur(3px);
  33         padding-left: 4px;
  34       }
  35     }
  36
  37     .video-miniature-created-at-views {
  38       display: block;
  39       font-size: 13px;
  40     }
  41
  42     .video-miniature-account {
  43       font-size: 13px;
  44       color: #585858;
  45     }
  46   }
  47 }