fix: case where main menu toggle and title not visible in dark mode

Apply new SCSS $sta-dark-menu-* vars

Fix #1819
This commit is contained in:
George Cushen 2020-08-23 19:57:50 +01:00
commit d953106116

View file

@ -78,7 +78,7 @@
&.active,
&:hover,
&:focus {
color: $sta-dark-menu-text;
color: $sta-dark-menu-text-active;
}
&.active {
@ -99,6 +99,11 @@
position: relative; // For z-index clickable mobile logo.
z-index: 1030;
}
.dark .navbar-toggler {
color: $sta-dark-menu-text;
}
.navbar-toggler:focus,
.navbar-toggler:active {
outline: none !important;
@ -140,6 +145,10 @@
z-index: 1030; // For z-index clickable mobile logo.
}
.dark .navbar-brand {
color: $sta-dark-menu-title;
}
// Dynamically fit logo image to space available.
// No need to explicitly set a size for each breakpoint.
// See https://caniuse.com/#feat=mdn-css_properties_width_stretch .