github.com/manicqin/nomad@v0.9.5/ui/app/styles/core/menu.scss (about)

     1  .menu {
     2    .menu-list {
     3      a {
     4        font-weight: $weight-semibold;
     5        padding: 0.5rem 1.5rem;
     6        border-radius: 0;
     7        box-shadow: inset 0 0 0 $grey-blue;
     8        transition: box-shadow 0.1s ease-in-out;
     9        text-decoration: none;
    10  
    11        &:hover,
    12        &.is-active {
    13          background: transparent;
    14          box-shadow: inset -3px 0 0 $blue;
    15          color: $blue;
    16  
    17          .icon {
    18            fill: $blue;
    19          }
    20        }
    21  
    22        .icon {
    23          margin-right: 0.5em;
    24          fill: lighten($text, 30%);
    25        }
    26      }
    27  
    28      .menu-item {
    29        margin: 0.5rem 1.5rem;
    30  
    31        &.is-wide {
    32          margin: 0.5rem 1rem;
    33        }
    34      }
    35    }
    36  
    37    .menu-label {
    38      margin: 1rem 0.75rem 0.5rem;
    39      padding-top: 0.5rem;
    40      color: darken($grey-blue, 20%);
    41      letter-spacing: 0;
    42  
    43      &:first-child {
    44        margin-top: 0;
    45        padding-top: 1rem;
    46      }
    47  
    48      &:not(:first-child) {
    49        border-top: 1px solid $grey-blue;
    50      }
    51    }
    52  
    53    .collapsed-only + .menu-label {
    54      border-top: none;
    55  
    56      @media #{$mq-hidden-gutter} {
    57        border-top: 1px solid $grey-blue;
    58      }
    59    }
    60  }