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 }