github.com/manicqin/nomad@v0.9.5/ui/app/styles/core/icon.scss (about) 1 $icon-dimensions: 1.25rem; 2 $icon-dimensions-small: 1rem; 3 $icon-dimensions-medium: 1.5rem; 4 $icon-dimensions-large: 2rem; 5 6 .icon { 7 align-items: center; 8 display: inline-flex; 9 justify-content: center; 10 vertical-align: text-top; 11 height: $icon-dimensions; 12 width: $icon-dimensions; 13 fill: $text; 14 15 &.is-small, 16 &.is-text { 17 height: $icon-dimensions-small; 18 width: $icon-dimensions-small; 19 } 20 21 &.is-medium { 22 height: $icon-dimensions-medium; 23 width: $icon-dimensions-medium; 24 } 25 26 &.is-large { 27 height: $icon-dimensions-large; 28 width: $icon-dimensions-large; 29 } 30 31 &.is-faded { 32 fill: $grey-light; 33 } 34 35 @each $name, $pair in $colors { 36 $color: nth($pair, 1); 37 38 &.is-#{$name} { 39 fill: $color; 40 } 41 } 42 }