github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/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    }
    19  
    20    &.is-small {
    21      height: $icon-dimensions-small;
    22      width: $icon-dimensions-small;
    23    }
    24  
    25    &.is-medium {
    26      height: $icon-dimensions-medium;
    27      width: $icon-dimensions-medium;
    28    }
    29  
    30    &.is-large {
    31      height: $icon-dimensions-large;
    32      width: $icon-dimensions-large;
    33    }
    34  
    35    &.is-faded {
    36      fill: $grey-light;
    37      color: $grey-light;
    38    }
    39  
    40    @each $name, $pair in $colors {
    41      $color: nth($pair, 1);
    42  
    43      &.is-#{$name} {
    44        fill: $color;
    45        color: $color;
    46      }
    47    }
    48  }