2 background-color: $black-background;
7 text-overflow: ellipsis;
14 background-color: rgba(255, 255, 255, 0.15);
17 justify-content: center;
24 @include avatar(34px);
32 font-weight: $font-semibold;
36 @include disable-default-a-behaviour;
44 text-overflow: ellipsis;
60 margin: 30px 25px 35px 25px;
62 .login-button, .create-account-button {
63 font-weight: $font-semibold;
65 height: $button-height;
66 line-height: $button-height;
75 @include disable-default-a-behaviour;
78 background-color: $orange-color;
82 &.create-account-button {
83 background-color: rgba(255, 255, 255, 0.25);
89 text-transform: uppercase;
90 font-weight: $font-bold; // Bold
107 @include disable-default-a-behaviour;
114 &.icon-videos-trending {
117 background-image: url('../../assets/images/menu/trending.svg');
120 &.icon-videos-recently-added {
125 background-image: url('../../assets/images/menu/recently-added.svg');
128 &.icon-administration {
132 background-image: url('../../assets/images/menu/administration.svg');
139 @media screen and (max-width: 800px) {
149 .logged-in-username {
162 .login-button, .create-account-button {
163 font-weight: $font-semibold;
165 height: $button-height;
166 line-height: $button-height;
173 margin: 20px 10px 25px 10px;
175 .login-button, .create-account-button {