github.com/emate/nomad@v0.8.2-wo-binpacking/ui/app/styles/core/navbar.scss (about)

     1  .navbar {
     2    &.is-primary {
     3      background: linear-gradient(to right, $nomad-green-darker, $nomad-green-dark);
     4      height: 3.5rem;
     5      color: $primary-invert;
     6      padding-left: 20px;
     7      padding-right: 20px;
     8  
     9      .navbar-item {
    10        color: rgba($primary-invert, 0.8);
    11        text-decoration: none;
    12  
    13        &:hover {
    14          color: $primary-invert;
    15          background: transparent;
    16        }
    17  
    18        &.is-active,
    19        &.active {
    20          color: $primary-invert;
    21          border-bottom-color: $primary-invert;
    22        }
    23  
    24        + .navbar-item {
    25          position: relative;
    26  
    27          &::before {
    28            width: 1px;
    29            height: 1em;
    30            background: rgba($primary-invert, 0.5);
    31            content: ' ';
    32            display: block;
    33            position: absolute;
    34            left: 0px;
    35            top: 1.25em;
    36          }
    37        }
    38  
    39        &.is-logo img {
    40          height: 26px;
    41          max-height: 26px;
    42        }
    43      }
    44  
    45      .navbar-end > a.navbar-item {
    46        color: rgba($primary-invert, 0.8);
    47  
    48        &:hover {
    49          color: $primary-invert;
    50          background: transparent;
    51        }
    52      }
    53    }
    54  
    55    &.is-secondary {
    56      background-color: $nomad-green-dark;
    57      padding: 1.25rem 20px 1.25rem 0;
    58      height: 4.5rem;
    59      font-weight: $weight-semibold;
    60      color: $primary-invert;
    61  
    62      .navbar-item {
    63        font-size: $size-4;
    64      }
    65    }
    66  
    67    .navbar-item {
    68      &.is-gutter {
    69        width: $gutter-width;
    70      }
    71    }
    72  }