github.com/hernad/nomad@v1.6.112/ui/app/styles/core/icon.scss (about)

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  $icon-dimensions: 1.25rem;
     7  $icon-dimensions-small: 1rem;
     8  $icon-dimensions-medium: 1.5rem;
     9  $icon-dimensions-large: 2rem;
    10  
    11  .icon {
    12    align-items: center;
    13    display: inline-flex;
    14    justify-content: center;
    15    vertical-align: text-top;
    16    height: $icon-dimensions;
    17    width: $icon-dimensions;
    18    fill: $text;
    19  
    20    &.is-text {
    21      width: 1.2em;
    22      height: 1.2em;
    23      pointer-events: none;
    24    }
    25  
    26    &.is-small {
    27      height: $icon-dimensions-small;
    28      width: $icon-dimensions-small;
    29    }
    30  
    31    &.is-medium {
    32      height: $icon-dimensions-medium;
    33      width: $icon-dimensions-medium;
    34    }
    35  
    36    &.is-large {
    37      height: $icon-dimensions-large;
    38      width: $icon-dimensions-large;
    39    }
    40  
    41    &.is-faded {
    42      fill: $grey-light;
    43      color: $grey-light;
    44    }
    45  
    46    @each $name, $pair in $colors {
    47      $color: nth($pair, 1);
    48  
    49      &.is-#{$name} {
    50        fill: $color;
    51        color: $color;
    52      }
    53    }
    54  
    55    &.is-grey {
    56      fill: $grey;
    57      color: $grey;
    58    }
    59  }