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 }