2 @use '_variables' as *;
4 @use '_miniature' as *;
7 @include grid-videos-miniature-margins;
11 @include padding(1.75rem);
12 @include margin(2rem, 0);
14 max-width: $max-channels-width;
15 background-color: pvar(--channelBackgroundColor);
18 grid-template-columns: 1fr auto;
19 grid-template-rows: auto auto;
28 grid-template-columns: auto auto 1fr;
29 grid-template-rows: auto 1fr;
32 @include margin-right(15px);
39 @include peertube-word-wrap;
41 color: pvar(--mainForegroundColor);
50 @include margin-left(15px);
51 @include actor-counters;
58 @include fade-text(30px, pvar(--channelBackgroundColor));
80 @include margin-right(15px);
82 min-width: $video-thumbnail-medium-width;
83 max-width: $video-thumbnail-medium-width;
88 .videos-overflow-workaround {
89 @include margin-top(2rem);
94 .miniature-show-channel {
98 background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px);
99 padding: (math.div($video-thumbnail-medium-height, 2) - 10px) 15px 0 60px;
100 z-index: z(miniature) + 1;
103 color: pvar(--mainColor);
104 font-weight: $font-semibold;
108 .button-show-channel {
112 @include on-small-main-col {
113 .channel-avatar-row {
114 grid-template-columns: auto auto auto 1fr;
134 @include peertube-button-link;
135 @include orange-button-inverted;
143 .button-show-channel {
149 my-subscribe-button {
153 .button-show-channel {