@mixin x-icon-sizing($map) {
  @each $size, $value in $map {
    %x-icon-#{$size},
    .x-icon-#{$size} {
      font-size: $value;
    }
  }
}

//icon fill colors
@each $theme-color, $fill-color in $theme-colors {
  %x-fill-color-#{$theme-color},
  .x-fill-color-#{$theme-color} {
    fill: $fill-color;
  }
}