@use "mixins";
@use "variables" as fa-variables;

// sizing icons
// -------------------------

// literal magnification scale
@for $i from 1 through 10 {
  .#{fa-variables.$fa-css-prefix}-#{$i}x {
    font-size: $i * 1em;
  }
}

// step-based scale (with alignment)
@each $size, $value in fa-variables.$fa-sizes {
  .#{fa-variables.$fa-css-prefix}-#{$size} {
    @include mixins.fa-size($value);
  }
}