color: pvar(--menuForegroundColor);
cursor: pointer;
- font-size: 16px;
white-space: normal;
word-break: break-word;
transition: background-color .1s ease-in-out;
.logged-in-display-name {
@include disable-default-a-behaviour;
- font-size: 16px;
font-weight: $font-semibold;
color: pvar(--menuForegroundColor);
}
}
.footer {
- width: $menu-width;
padding-bottom: 15px;
}
.footer-bottom {
- display: flex;
- flex-direction: column;
padding: 0 $menu-lateral-padding;
}
.footer-links {
- &,
> div {
display: flex;
flex-wrap: wrap;
a,
span[role=button] {
@include margin-right(8px);
+ @include disable-default-a-behaviour;
- display: inline-block;
- text-decoration: none;
color: pvar(--menuForegroundColor);
opacity: $footer-links-base-opacity;
white-space: nowrap;
- font-size: 90%;
- font-weight: 500;
+ font-size: 0.75rem;
line-height: 1.4rem;
+ font-weight: $font-semibold;
+
+ &:hover {
+ opacity: $footer-links-base-opacity + .2;
+ }
}
}
-.footer-copyleft small a {
+.footer-copyleft a {
@include disable-default-a-behaviour;
color: pvar(--menuForegroundColor);
opacity: $footer-links-base-opacity - .2;
+ font-size: 0.85rem;
+
+ &:hover {
+ opacity: $footer-links-base-opacity;
+ }
}
.dropdown {
}
my-global-icon {
- &[iconName=playlists] {
+ position: relative;
+ top: -1px;
+
+ .playlist-icon {
@include margin-right(16px);
height: 24px;
width: 24px;
}
- &[iconName=videos] {
- position: relative;
- right: -1px;
- }
-
- &[iconName=channel] {
- margin-top: -2px;
- }
-
- &[iconName='sign-out'] {
- position: relative;
- right: -2px;
- height: 20px;
- width: 20px;
+ &.channel-icon {
+ top: -2px;
}
}