]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
2539932e C |
3 | |
4 | .channel { | |
61cbafc1 C |
5 | padding: 20px; |
6 | background-color: pvar(--channelBackgroundColor); | |
7 | margin: 0 30px 30px 0; | |
8 | width: fit-content; | |
9 | } | |
10 | ||
11 | .channel-avatar-row, | |
12 | .video { | |
13 | width: 280px; | |
14 | } | |
15 | ||
16 | .channel-avatar-row { | |
17 | display: grid; | |
18 | grid-template-columns: auto 1fr; | |
19 | grid-template-rows: auto auto 1fr; | |
20 | column-gap: 15px; | |
21 | ||
22 | a { | |
23 | @include peertube-word-wrap; | |
24 | ||
25 | color: pvar(--mainForegroundColor); | |
26 | } | |
27 | ||
28 | my-actor-avatar { | |
29 | @include actor-avatar-size(75px); | |
30 | ||
31 | grid-column: 1; | |
32 | grid-row: 1 / 4; | |
33 | } | |
34 | ||
35 | h6 { | |
36 | grid-column: 2; | |
37 | margin: 0; | |
38 | } | |
39 | ||
40 | .actor-counters { | |
41 | @include actor-counters(5px); | |
42 | ||
43 | font-size: 13px; | |
44 | grid-column: 2; | |
45 | } | |
46 | ||
47 | .description-html { | |
48 | @include fade-text(30px, pvar(--channelBackgroundColor)); | |
49 | ||
50 | max-height: 60px; | |
51 | grid-column: 2; | |
52 | } | |
53 | } | |
54 | ||
55 | .video-label { | |
56 | font-size: 12px; | |
57 | color: pvar(--greyForegroundColor); | |
58 | margin: 15px 0 5px; | |
2539932e | 59 | } |