2 background-color: $black-background;
7 text-overflow: ellipsis;
12 @media screen and (max-width: 550px) {
18 background-color: rgba(255, 255, 255, 0.15);
21 justify-content: center;
28 @include avatar(34px);
36 font-weight: $font-semibold;
40 @include disable-default-a-behaviour;
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;
112 display: inline-block;
114 background-size: contain;
116 &.icon-videos-trending {
119 background-image: url('../../assets/menu/trending.svg');
122 &.icon-videos-recently-added {
127 background-image: url('../../assets/menu/recently-added.svg');
130 &.icon-administration {
134 background-image: url('../../assets/menu/administration.svg');