github.com/emate/nomad@v0.8.2-wo-binpacking/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  
     8    @each $name, $pair in $colors {
     9      $color: nth($pair, 1);
    10      $color-invert: nth($pair, 2);
    11  
    12      &.is-#{$name} {
    13        background-color: $color;
    14        color: $color-invert;
    15  
    16        &.is-faded {
    17          color: rgba($color-invert, 0.8);
    18        }
    19  
    20        &.is-hollow {
    21          box-shadow: 0 0 0 1px $color;
    22          background: $white;
    23          color: darken($color, 10%);
    24        }
    25  
    26        &.is-subtle {
    27          background: rgba($color, 0.3);
    28          color: $white;
    29        }
    30      }
    31    }
    32  
    33    &.is-faded {
    34      color: rgba($text, 0.8);
    35    }
    36  }