1 @use '_variables' as *;
3 @use '_account-channel-page' as *;
4 @use '_miniature' as *;
8 --myGreyFontSize: 1rem;
12 @include section-label-responsive;
16 @include grid-videos-miniature-margins;
19 justify-content: space-between;
23 max-width: $max-channels-width;
27 @include margin-left(auto);
32 @include margin-left(3px);
42 @include grid-videos-miniature-margins(false, 15px);
43 @include padding-top(3.75rem);
44 @include padding-bottom(3.75rem);
45 @include margin-bottom(3rem);
46 @include font-size(1rem);
48 grid-template-columns: 1fr min-content;
49 grid-template-rows: auto auto;
51 background-color: pvar(--submenuBackgroundColor);
55 @include avatar-row-responsive(2rem, var(--myGreyFontSize));
65 word-break: break-word;
69 @include show-more-description;
70 @include padding-bottom(3.75rem);
81 justify-content: flex-end;
82 align-content: flex-start;
85 @include margin-bottom(1rem);
94 @include margin-right(5px);
97 @media screen and (max-width: $small-view) {
99 .description:not(.expanded) {
100 @include fade-text(30px, pvar(--submenuBackgroundColor));
106 justify-content: center;
110 @media screen and (max-width: $mobile-view) {
113 --myGreyFontSize: 13px;
117 margin: auto !important;