github.com/hernad/nomad@v1.6.112/ui/app/styles/components/badge-nomad-internal.scss (about)

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  .badge {
     7    font-size: $size-7;
     8    height: 1.5em;
     9    line-height: 1;
    10    border-radius: $radius;
    11    padding: 0.25em 0.75em;
    12    border: none;
    13  
    14    @each $name, $pair in $colors {
    15      $color: nth($pair, 1);
    16      $color-invert: nth($pair, 2);
    17  
    18      &.is-#{$name} {
    19        background-color: $color;
    20        color: $color-invert;
    21  
    22        &.is-faded {
    23          color: rgba($color-invert, 0.8);
    24        }
    25  
    26        &.is-hollow {
    27          box-shadow: 0 0 0 1px $color;
    28          background: $white;
    29          color: darken($color, 10%);
    30        }
    31  
    32        &.is-subtle {
    33          background: rgba($color, 0.3);
    34          color: $white;
    35        }
    36      }
    37    }
    38  
    39    &.is-faded {
    40      color: rgba($text, 0.8);
    41    }
    42  
    43    &.is-small {
    44      padding: 0.15em 0.5em;
    45    }
    46  
    47    &.is-secondary {
    48      color: darken($grey-blue, 30%);
    49      background: lighten($grey-blue, 10%);
    50    }
    51  }
    52  
    53  button.badge {
    54    cursor: pointer;
    55  }