github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/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-text {
    16      width: 1.2em;
    17      height: 1.2em;
    18      pointer-events: none;
    19    }
    20  
    21    &.is-small {
    22      height: $icon-dimensions-small;
    23      width: $icon-dimensions-small;
    24    }
    25  
    26    &.is-medium {
    27      height: $icon-dimensions-medium;
    28      width: $icon-dimensions-medium;
    29    }
    30  
    31    &.is-large {
    32      height: $icon-dimensions-large;
    33      width: $icon-dimensions-large;
    34    }
    35  
    36    &.is-faded {
    37      fill: $grey-light;
    38      color: $grey-light;
    39    }
    40  
    41    @each $name, $pair in $colors {
    42      $color: nth($pair, 1);
    43  
    44      &.is-#{$name} {
    45        fill: $color;
    46        color: $color;
    47      }
    48    }
    49  
    50    &.is-grey {
    51      fill: $grey;
    52      color: $grey;
    53    }
    54  }