]>
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); | |
f6c1251d | 7 | margin-bottom: 30px; |
61cbafc1 C |
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 { | |
61cbafc1 C |
29 | grid-column: 1; |
30 | grid-row: 1 / 4; | |
31 | } | |
32 | ||
33 | h6 { | |
34 | grid-column: 2; | |
35 | margin: 0; | |
36 | } | |
37 | ||
38 | .actor-counters { | |
39 | @include actor-counters(5px); | |
40 | ||
41 | font-size: 13px; | |
42 | grid-column: 2; | |
43 | } | |
44 | ||
45 | .description-html { | |
46 | @include fade-text(30px, pvar(--channelBackgroundColor)); | |
47 | ||
48 | max-height: 60px; | |
49 | grid-column: 2; | |
50 | } | |
51 | } | |
52 | ||
53 | .video-label { | |
54 | font-size: 12px; | |
55 | color: pvar(--greyForegroundColor); | |
56 | margin: 15px 0 5px; | |
2539932e | 57 | } |