]>
Commit | Line | Data |
---|---|---|
63c4db6d C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
501bc6c2 | 4 | .video-miniature { |
501bc6c2 | 5 | display: inline-block; |
9bf9d2a5 C |
6 | padding-right: 15px; |
7 | margin-bottom: 30px; | |
e5fc7811 | 8 | height: 195px; |
0d7d2ad9 | 9 | vertical-align: top; |
501bc6c2 | 10 | |
d6e32a2e | 11 | .video-miniature-information { |
00a44645 | 12 | width: 200px; |
9bf9d2a5 C |
13 | margin-top: 2px; |
14 | line-height: normal; | |
501bc6c2 | 15 | |
383bfc83 | 16 | .video-miniature-name { |
769ac6c1 RK |
17 | @include ellipsis-multiline( |
18 | $font-size: 1rem, | |
19 | $line-height: 1, | |
20 | $lines-to-show: 2 | |
21 | ); | |
383bfc83 | 22 | transition: color 0.2s; |
9bf9d2a5 C |
23 | font-size: 16px; |
24 | font-weight: $font-semibold; | |
9a0fc840 | 25 | color: var(--mainForegroundColor); |
769ac6c1 RK |
26 | margin-top: 5px; |
27 | margin-bottom: 5px; | |
501bc6c2 | 28 | |
383bfc83 C |
29 | &:hover { |
30 | text-decoration: none; | |
00a44645 C |
31 | } |
32 | ||
d6e32a2e C |
33 | &.blur-filter { |
34 | filter: blur(3px); | |
35 | padding-left: 4px; | |
36 | } | |
501bc6c2 C |
37 | } |
38 | ||
9bf9d2a5 | 39 | .video-miniature-created-at-views { |
501bc6c2 | 40 | display: block; |
9bf9d2a5 | 41 | font-size: 13px; |
00a44645 C |
42 | } |
43 | ||
22a16e36 C |
44 | .video-miniature-account, |
45 | .video-miniature-channel { | |
03e12d7c | 46 | @include disable-default-a-behaviour; |
ef80c66c | 47 | @include ellipsis; |
03e12d7c | 48 | |
d5022312 | 49 | display: block; |
332542bc | 50 | font-size: 13px; |
457bb213 | 51 | color: $grey-foreground-color; |
03e12d7c C |
52 | |
53 | &:hover { | |
457bb213 | 54 | color: $grey-foreground-hover-color; |
03e12d7c | 55 | } |
501bc6c2 C |
56 | } |
57 | } | |
58 | } |