@import "~reui-icons/icons";

#{$icon-classes} {
  display: inline-block;

  @each $intent, $color in $pt-intent-text-colors {
    &.#{$ns}-intent-#{$intent} {
      color: $color;

      .#{$ns}-dark & {
        color: map-get($pt-dark-intent-text-colors, $intent);
      }
    }
  }
}

span.#{$ns}-icon-standard {
  @include pt-icon($pt-icon-size-standard);
}

span.#{$ns}-icon-large {
  @include pt-icon($pt-icon-size-large);
}

span.#{$ns}-icon {
  line-height: 1;
  font-family: $icons20-family;
  font-size: inherit;
  font-weight: 400;
  font-style: normal;

  &::before {
    @include pt-icon-font-smoothing();
  }
}

@each $name, $content in $icons {
  .#{$ns}-icon-#{$name}::before {
    content: $content;
  }
}

svg.#{$ns}-icon {
  // respect dimensions exactly
  flex: 0 0 auto;
  vertical-align: top;
  // inherit text color by default
  fill: currentColor;
}