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;
@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;
}
}