f38d6f7f13
* CSS for moving from a horizontal main menu to a side/vertical one * Add <App /> Component and rearrange <HashcorpConsul /> to use it 1. HashicorpConsul now uses <App /> 2. <App /> is now translated and adds 'skip to main content' functionality 3. Adds ember-in-viewport addon in order to visibly hide main navigation items in order to take them out of focus/tabbing 4. Slight amends to the dom service while I was there
19 lines
382 B
SCSS
19 lines
382 B
SCSS
:root {
|
|
@extend %theme-light;
|
|
}
|
|
%main-header-horizontal,
|
|
%main-nav-vertical,
|
|
%main-nav-horizontal {
|
|
@extend %theme-dark;
|
|
}
|
|
%main-nav-horizontal .menu-panel {
|
|
@extend %theme-light;
|
|
}
|
|
%main-nav-vertical .nspaces .menu-panel > div {
|
|
@extend %theme-light;
|
|
}
|
|
%main-nav-vertical .menu-panel a:hover,
|
|
%main-nav-vertical .menu-panel a:focus {
|
|
background-color: var(--blue-500);
|
|
}
|