5 background-color: $black-background;
10 text-overflow: ellipsis;
17 background-color: rgba(255, 255, 255, 0.15);
20 justify-content: center;
27 @include avatar(34px);
35 font-weight: $font-semibold;
39 @include disable-default-a-behaviour;
47 text-overflow: ellipsis;
63 margin: 30px 25px 35px 25px;
65 .login-button, .create-account-button {
66 font-weight: $font-semibold;
68 height: $button-height;
69 line-height: $button-height;
78 @include disable-default-a-behaviour;
81 background-color: $orange-color;
85 &.create-account-button {
86 background-color: rgba(255, 255, 255, 0.25);
92 text-transform: uppercase;
93 font-weight: $font-bold; // Bold
110 @include disable-default-a-behaviour;
117 &.icon-videos-trending {
120 background-image: url('../../assets/images/menu/trending.svg');
123 &.icon-videos-recently-added {
128 background-image: url('../../assets/images/menu/recently-added.svg');
131 &.icon-administration {
135 background-image: url('../../assets/images/menu/administration.svg');
142 @media screen and (max-width: 800px) {
152 .logged-in-username {
165 .login-button, .create-account-button {
166 font-weight: $font-semibold;
168 height: $button-height;
169 line-height: $button-height;
176 margin: 20px 10px 25px 10px;
178 .login-button, .create-account-button {