github.com/hernad/nomad@v1.6.112/ui/app/styles/core/menu.scss (about)

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