github.com/blixtra/nomad@v0.7.2-0.20171221000451-da9a1d7bb050/ui/app/styles/core/nav.scss (about)

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