2023-04-10 15:36:59 +00:00
|
|
|
/**
|
|
|
|
* Copyright (c) HashiCorp, Inc.
|
|
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
|
|
*/
|
|
|
|
|
2017-10-03 17:54:22 +00:00
|
|
|
$icon-dimensions: 1.25rem;
|
|
|
|
$icon-dimensions-small: 1rem;
|
|
|
|
$icon-dimensions-medium: 1.5rem;
|
|
|
|
$icon-dimensions-large: 2rem;
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
align-items: center;
|
|
|
|
display: inline-flex;
|
|
|
|
justify-content: center;
|
|
|
|
vertical-align: text-top;
|
|
|
|
height: $icon-dimensions;
|
|
|
|
width: $icon-dimensions;
|
2017-11-15 20:44:32 +00:00
|
|
|
fill: $text;
|
2017-10-03 17:54:22 +00:00
|
|
|
|
2017-11-15 20:44:32 +00:00
|
|
|
&.is-text {
|
2019-11-06 07:14:03 +00:00
|
|
|
width: 1.2em;
|
|
|
|
height: 1.2em;
|
2020-06-17 07:17:29 +00:00
|
|
|
pointer-events: none;
|
2019-11-06 07:14:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&.is-small {
|
2017-10-03 17:54:22 +00:00
|
|
|
height: $icon-dimensions-small;
|
|
|
|
width: $icon-dimensions-small;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-medium {
|
|
|
|
height: $icon-dimensions-medium;
|
|
|
|
width: $icon-dimensions-medium;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-large {
|
|
|
|
height: $icon-dimensions-large;
|
|
|
|
width: $icon-dimensions-large;
|
|
|
|
}
|
|
|
|
|
2018-05-02 18:14:13 +00:00
|
|
|
&.is-faded {
|
|
|
|
fill: $grey-light;
|
2019-11-02 07:04:40 +00:00
|
|
|
color: $grey-light;
|
2018-05-02 18:14:13 +00:00
|
|
|
}
|
|
|
|
|
2017-10-03 17:54:22 +00:00
|
|
|
@each $name, $pair in $colors {
|
|
|
|
$color: nth($pair, 1);
|
|
|
|
|
|
|
|
&.is-#{$name} {
|
|
|
|
fill: $color;
|
2020-05-04 22:28:04 +00:00
|
|
|
color: $color;
|
2017-10-03 17:54:22 +00:00
|
|
|
}
|
|
|
|
}
|
2020-08-05 18:53:14 +00:00
|
|
|
|
|
|
|
&.is-grey {
|
|
|
|
fill: $grey;
|
|
|
|
color: $grey;
|
|
|
|
}
|
2017-10-03 17:54:22 +00:00
|
|
|
}
|