]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.scss
Merge branch 'release/4.3.0' into develop
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-custom-markup / peertube-custom-tags / channel-miniature-markup.component.scss
CommitLineData
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}