6 height: calc(100vh - #{$header-height});
12 background-color: $menu-background;
17 text-overflow: ellipsis;
22 flex-direction: column;
35 background-color: rgba(255, 255, 255, 0.15);
38 justify-content: center;
42 @include avatar(34px);
53 font-weight: $font-semibold;
57 @include disable-default-a-behaviour;
65 text-overflow: ellipsis;
85 margin: 30px 25px 35px 25px;
88 @include peertube-button-link;
89 @include orange-button;
96 .create-account-button {
97 @include peertube-button-link;
103 background-color: rgba(255, 255, 255, 0.25);
106 background-color: rgba(255, 255, 255, 0.28);
112 text-transform: uppercase;
113 font-weight: $font-bold; // Bold
125 padding-left: $menu-left-padding;
130 transition: background-color .1s ease-in-out;
131 @include disable-default-a-behaviour;
134 background-color: rgba(255, 255, 255, 0.15);
142 &.icon-videos-subscriptions {
145 background-image: url('../../assets/images/menu/subscriptions.svg');
148 &.icon-videos-overview {
150 background-image: url('../../assets/images/menu/globe.svg');
153 &.icon-videos-trending {
156 background-image: url('../../assets/images/menu/trending.svg');
159 &.icon-videos-recently-added {
162 background-image: url('../../assets/images/menu/recently-added.svg');
165 &.icon-videos-local {
172 background-image: url('../../assets/images/menu/home.svg');
175 &.icon-administration {
179 background-image: url('../../assets/images/menu/administration.svg');
186 background-image: url('../../assets/images/menu/about.svg');
193 padding-bottom: 15px;
194 padding-left: $menu-left-padding;
196 .language, .color-palette {
197 display: inline-block;
198 color: $menu-bottom-color;
201 font-weight: $font-semibold;
213 background-image: url('../../assets/images/menu/language.png');
223 background-image: url('../../assets/images/menu/moonsun.svg');