github.com/manicqin/nomad@v0.9.5/ui/app/styles/core/tag.scss (about)

     1  // Strange selector mirrors selector used in Bulma
     2  // https://github.com/jgthms/bulma/issues/912
     3  .tag:not(body) {
     4    text-transform: uppercase;
     5    border-radius: 200px;
     6    font-weight: $weight-normal;
     7    font-size: $size-7;
     8    line-height: 1;
     9    height: 1.5em;
    10  
    11    &.is-pending,
    12    &.is-light {
    13      background: $grey-blue;
    14      color: findColorInvert(darken($grey-blue, 10%));
    15    }
    16  
    17    &.is-running {
    18      background: $blue;
    19      color: $blue-invert;
    20    }
    21  
    22    &.is-primary {
    23      background: $primary;
    24      color: $primary-invert;
    25    }
    26  
    27    &.is-complete {
    28      background: $nomad-green-dark;
    29      color: findColorInvert($nomad-green-dark);
    30    }
    31  
    32    &.is-error {
    33      background: $danger;
    34      color: $danger-invert;
    35    }
    36  
    37    &.is-cancelled {
    38      background: $orange;
    39      color: $orange-invert;
    40    }
    41  
    42    &.is-hollow {
    43      font-weight: $weight-semibold;
    44      color: darken($grey-blue, 20%);
    45      background: transparent;
    46    }
    47  
    48    &.no-text-transform {
    49      text-transform: none;
    50    }
    51  
    52    &.is-outlined {
    53      box-shadow: 0 0 0 1px $white;
    54    }
    55  }