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

   1 .video-miniature {
   2   display: inline-block;
   3   padding-right: 15px;
   4   margin-bottom: 30px;
   5   height: 175px;
   6   vertical-align: top;
   7
   8   .video-miniature-information {
   9     width: 200px;
  10     margin-top: 2px;
  11     line-height: normal;
  12
  13     .video-miniature-name {
  14       display: block;
  15       overflow: hidden;
  16       text-overflow: ellipsis;
  17       white-space: nowrap;
  18       font-weight: bold;
  19       transition: color 0.2s;
  20       font-size: 16px;
  21       font-weight: $font-semibold;
  22       color: #000;
  23
  24       &:hover {
  25         text-decoration: none;
  26       }
  27
  28       &.blur-filter {
  29         filter: blur(3px);
  30         padding-left: 4px;
  31       }
  32     }
  33
  34     .video-miniature-created-at-views {
  35       display: block;
  36       font-size: 13px;
  37     }
  38
  39     .video-miniature-account {
  40       font-size: 13px;
  41       color: #585858;
  42     }
  43   }
  44 }