github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/styles/core/menu.scss (about)

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