.blacklight-icons {
  display: inline-block;
  height: $font-size-base;
  vertical-align: text-top;
  width: $font-size-base;
}

@each $color, $value in $theme-colors {
  .btn-#{$color} {
    .blacklight-icons g {
      @include stroke-yiq(theme-color($color));
    }
  }

  .btn-outline-#{$color} {
    .blacklight-icons g {
      stroke: $value;
    }

    &.hover,
    &:hover,
    &:active,
    &.active {
      .blacklight-icons g {
        @include stroke-yiq(theme-color($color));
      }
    }
  }
}