.icon,
.icon-spacer {
  height: $icon-size-base;
  width: $icon-size-base;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  fill: currentcolor;
  color: inherit;
}

.icon-spacer-x {
  height: 0 !important;
}

.icon-spacer-y {
  width: 0 !important;
}

a {
  .icon {
    fill: currentcolor;
  }
  
  &:hover,
  &:focus {
    .icon {
      fill: currentcolor
    }
  }

  &.link-unstyled,
  &.link-unstyled:hover {
    .icon {
      fill: $body-color !important;
    }
  }
}