7 --myGlobalTopPadding: 60px;
10 --myGreyFontSize: 16px;
14 @include section-label-responsive;
18 @include grid-videos-miniature-margins;
21 justify-content: space-between;
23 max-width: $max-channels-width;
30 my-user-moderation-dropdown,
47 @include grid-videos-miniature-margins(false, 15px);
50 grid-template-columns: 1fr min-content;
51 grid-template-rows: auto auto;
53 background-color: pvar(--submenuBackgroundColor);
55 padding-top: var(--myGlobalTopPadding);
56 font-size: var(--myFontSize);
60 @include avatar-row-responsive(var(--myImgMargin), var(--myGreyFontSize));
66 word-break: break-word;
71 color: pvar(--greyForegroundColor);
76 @include show-more-description;
88 justify-content: flex-end;
89 align-content: flex-start;
91 > *:not(:last-child) {
100 @media screen and (max-width: $small-view) {
102 --myGlobalTopPadding: 45px;
103 --myChannelImgMargin: 15px;
108 padding-bottom: 60px;
111 .description:not(.expanded) {
114 @include fade-text(30px, pvar(--submenuBackgroundColor));
122 justify-content: center;
126 @media screen and (max-width: $mobile-view) {
128 --myGlobalTopPadding: 15px;
130 --myGreyFontSize: 13px;
135 padding-bottom: 30px;
139 margin: auto !important;