6 @include grid-videos-miniature-margins;
10 max-width: $max-channels-width;
11 background-color: pvar(--channelBackgroundColor);
17 grid-template-columns: 1fr auto;
18 grid-template-rows: auto auto;
27 grid-template-columns: auto auto 1fr;
28 grid-template-rows: auto 1fr;
31 @include actor-avatar-size(75px);
39 color: pvar(--mainForegroundColor);
47 font-weight: $font-bold;
54 color: pvar(--greyForegroundColor);
61 .actor-counters > *:not(:last-child)::after {
64 color: pvar(--mainColor);
68 @include fade-text(30px, pvar(--channelBackgroundColor));
94 min-width: $video-thumbnail-medium-width;
95 max-width: $video-thumbnail-medium-width;
103 .miniature-show-channel {
107 background: linear-gradient(90deg, transparent 0, pvar(--channelBackgroundColor) 45px);
108 padding: ($video-thumbnail-medium-height / 2 - 10px) 15px 0 60px;
109 z-index: z(miniature) + 1;
112 color: pvar(--mainColor);
114 font-weight: $font-semibold;
118 .button-show-channel {
122 @media screen and (max-width: $mobile-view) {
127 .channel-avatar-row {
128 grid-template-columns: auto auto auto 1fr;
152 @include peertube-button-link;
153 @include orange-button-inverted;
161 .button-show-channel {
167 my-subscribe-button {
171 .button-show-channel {