mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 13:26:07 +00:00
82a62cd2ed
* 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
14 lines
199 B
SCSS
14 lines
199 B
SCSS
%skip-links {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
left: 50%;
|
|
padding: 20px;
|
|
top: -100px;
|
|
transform: translateX(-50%);
|
|
}
|
|
%skip-links:focus-within {
|
|
top: 0px;
|
|
}
|
|
|