6 height: calc(100vh - #{$header-height});
12 background-color: $black-background;
17 text-overflow: ellipsis;
23 flex-direction: column;
31 background-color: rgba(255, 255, 255, 0.15);
34 justify-content: center;
38 @include avatar(34px);
49 font-weight: $font-semibold;
53 @include disable-default-a-behaviour;
61 text-overflow: ellipsis;
77 margin: 30px 25px 35px 25px;
80 @include peertube-button-link;
81 @include orange-button;
88 .create-account-button {
89 @include peertube-button-link;
95 background-color: rgba(255, 255, 255, 0.25);
98 background-color: rgba(255, 255, 255, 0.28);
104 text-transform: uppercase;
105 font-weight: $font-bold; // Bold
117 padding-left: $menu-left-padding;
122 transition: background-color .1s ease-in-out;
123 @include disable-default-a-behaviour;
126 background-color: rgba(255, 255, 255, 0.15);
134 &.icon-videos-trending {
137 background-image: url('../../assets/images/menu/trending.svg');
140 &.icon-videos-recently-added {
145 background-image: url('../../assets/images/menu/recently-added.svg');
148 &.icon-videos-local {
153 background-image: url('../../assets/images/menu/home.svg');
156 &.icon-administration {
160 background-image: url('../../assets/images/menu/administration.svg');
167 background-image: url('../../assets/images/menu/about.svg');
175 padding-left: $menu-left-padding;
178 display: inline-block;
179 color: $menu-bottom-color;
182 font-weight: $font-semibold;
194 background-image: url('../../assets/images/menu/language.png');