github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/product/main-header.scss (about)

     1  @import './header-nav';
     2  [role='banner'] {
     3    @extend %main-header;
     4  }
     5  %main-header > div {
     6    @extend %header-nav-panel;
     7  }
     8  %main-header label[for='main-nav-toggle'] {
     9    @extend %header-nav-toggle-button;
    10  }
    11  %main-header > input {
    12    @extend %header-nav-toggle;
    13  }
    14  %main-header nav:first-of-type {
    15    @extend %primary-nav;
    16  }
    17  %main-header nav:last-of-type {
    18    @extend %secondary-nav;
    19  }
    20  
    21  %main-header {
    22    display: flex;
    23  }
    24  %main-header {
    25    align-items: center;
    26    height: 48px;
    27  }
    28  %main-header::before {
    29    content: '';
    30    position: absolute;
    31    z-index: -1;
    32    left: 0;
    33    width: 100vw;
    34    height: 48px;
    35  }
    36  %main-header > a {
    37    display: block;
    38    margin-right: 12px;
    39    line-height: 0;
    40    font-size: 0;
    41  }