mirror of
https://github.com/status-im/consul.git
synced 2025-01-13 07:14:37 +00:00
b41cad6fdf
* Begin refactoring CSS into component folders. Moved most components into layout/skin folders, left out a couple of ones I want to think about more. * Adjust grays based on recent Structure changes * Switch to fullscreen layout for lists and detail, left aligned forms (#4435) * Specifically use the 'actions_close' label, not just the :last-child (actions-group) * Replace some non-var-ed colours in vaults code skin, plus prefixing (black and white)
42 lines
683 B
SCSS
42 lines
683 B
SCSS
@import './header-nav';
|
|
[role='banner'] {
|
|
@extend %main-header;
|
|
}
|
|
%main-header > div {
|
|
@extend %header-nav-panel;
|
|
}
|
|
%main-header label[for='main-nav-toggle'] {
|
|
@extend %header-nav-toggle-button;
|
|
}
|
|
%main-header > input {
|
|
@extend %header-nav-toggle;
|
|
}
|
|
%main-header nav:first-of-type {
|
|
@extend %primary-nav;
|
|
}
|
|
%main-header nav:last-of-type {
|
|
@extend %secondary-nav;
|
|
}
|
|
|
|
%main-header {
|
|
display: flex;
|
|
}
|
|
%main-header {
|
|
align-items: center;
|
|
height: 48px;
|
|
}
|
|
%main-header::before {
|
|
content: '';
|
|
position: absolute;
|
|
z-index: -1;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 48px;
|
|
}
|
|
%main-header > a {
|
|
display: block;
|
|
margin-right: 12px;
|
|
line-height: 0;
|
|
font-size: 0;
|
|
}
|