1 @use '_variables' as *;
3 @use '_account-channel-page' as *;
4 @use '_miniature' as *;
7 --myGlobalTopPadding: 60px;
10 --myGreyFontSize: 16px;
14 @include section-label-responsive;
18 @include grid-videos-miniature-margins;
21 justify-content: space-between;
25 max-width: $max-channels-width;
29 @include margin-left(auto);
33 my-user-moderation-dropdown {
40 @include margin-left(3px);
50 @include grid-videos-miniature-margins(false, 15px);
53 grid-template-columns: 1fr min-content;
54 grid-template-rows: auto auto;
56 background-color: pvar(--submenuBackgroundColor);
58 padding-top: var(--myGlobalTopPadding);
59 padding-bottom: var(--myGlobalTopPadding);
60 font-size: var(--myFontSize);
64 @include avatar-row-responsive(var(--myImgMargin), var(--myGreyFontSize));
74 word-break: break-word;
78 @include show-more-description;
90 justify-content: flex-end;
91 align-content: flex-start;
93 > *:not(:last-child) {
103 @include margin-right(5px);
106 @media screen and (max-width: $small-view) {
108 --myGlobalTopPadding: 45px;
109 --myChannelImgMargin: 15px;
114 padding-bottom: 60px;
117 .description:not(.expanded) {
118 @include fade-text(30px, pvar(--submenuBackgroundColor));
128 justify-content: center;
132 @media screen and (max-width: $mobile-view) {
134 --myGlobalTopPadding: 15px;
136 --myGreyFontSize: 13px;
141 padding-bottom: 30px;
145 margin: auto !important;