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

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  .tabs {
     7    background: $white-ter;
     8    font-weight: $weight-semibold;
     9  
    10    ul {
    11      padding-left: 1em;
    12      padding-right: 1em;
    13    }
    14  
    15    a {
    16      padding: 1em 1.5em;
    17      color: darken($grey-blue, 20%);
    18      border-bottom: none;
    19      box-shadow: inset 0 0 0 $grey-blue;
    20      transition: box-shadow 0.1s ease-in-out;
    21      text-decoration: none;
    22  
    23      &:hover,
    24      &.is-active {
    25        text-decoration: none;
    26        border-bottom: none;
    27        box-shadow: inset 0 -3px 0 $blue;
    28        color: $blue;
    29      }
    30    }
    31  
    32    li:first-child {
    33      padding-left: 0;
    34    }
    35  
    36    li:last-child {
    37      padding-right: 0;
    38    }
    39  
    40    &.is-subnav {
    41      position: fixed;
    42      top: $header-height;
    43      left: $gutter-width;
    44      right: 0;
    45      z-index: $z-subnav;
    46  
    47      + * {
    48        margin-top: 5em;
    49  
    50        &.is-closer {
    51          margin-top: calc(3.5em + 1px);
    52        }
    53      }
    54  
    55      @media #{$mq-hidden-gutter} {
    56        left: 0;
    57      }
    58    }
    59  }