@use "variables";

// Icon Sizes
// -------------------------
@use 'sass:math';
// makes the font 33% larger relative to the icon container
.#{variables.$fa-css-prefix}-lg {
  font-size: (math.div(4em, 3));
  line-height: (math.div(3em, 4));
  vertical-align: -0.0667em;
}

.#{variables.$fa-css-prefix}-xs {
  font-size: 0.75em;
}

.#{variables.$fa-css-prefix}-sm {
  font-size: 0.875em;
}

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