padding: $-xxs 0;
@include lightDark(border-bottom-color, #DDD, #000);
@include whenDark {
- filter: saturate(0.6) brightness(0.8);
+ filter: saturate(0.8) brightness(0.8);
}
.links {
display: inline-block;
button {
z-index: 1;
left: 16px;
+ @include lightDark(color, rgba(255, 255, 255, 0.8), #AAA);
@include rtl {
left: auto;
right: 16px;
@include smaller-than($l) {
header .header-links {
+ @include lightDark(background-color, #fff, #333);
display: none;
- background-color: #FFF;
z-index: 10;
right: $-m;
border-radius: 4px;
display: block;
}
}
- header .links a, header .dropdown-container ul li a {
+ header .links a, header .dropdown-container ul li a, header .dropdown-container ul li button {
text-align: start;
display: block;
padding: $-s $-m;
color: $text-dark;
- fill: $text-dark;
+ @include lightDark(color, $text-dark, #eee);
svg {
margin-inline-end: $-s;
}
&:hover {
- background-color: #EEE;
- color: #444;
- fill: #444;
+ @include lightDark(background-color, #eee, #333);
+ @include lightDark(color, #000, #fff);
text-decoration: none;
}
}
display: none;
}
> span:first-child {
- margin-block-end: 0;
+ margin-inline-end: 0;
}
}
}
}
}
.svg-icon {
- margin-block-end: 0;
+ margin-inline-end: 0;
}
}