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  }