github.com/thomasobenaus/nomad@v0.11.1/ui/app/styles/components/badge.scss (about)

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