/* ==========================================================================
 * Icomoon mixin - changes icons and classes with CSS
 * ========================================================================== */

@mixin io-icomoon($icon, $position: "before", $replace: false) {
  // If we're replacing the text, set font-size to 0
  @extend .icon-#{$icon} !optional;
  @if $replace {
    font-size: 0;
  }
  // Pseudo-element properties
  &:#{$position} {
    font-family: 'testio';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    @if $replace {
      font-size: 1rem;
    }
    @content;
  }
}