// Icon Sizes
// -------------------------

/* makes the font 33% larger relative to the icon container */
.#{$ra-css-prefix}-lg {
  font-size: calc(4em / 3);
  line-height: calc(3em / 4);
  vertical-align: -15%;
}

.#{$ra-css-prefix}-2x {
  font-size: 2em;
}

.#{$ra-css-prefix}-3x {
  font-size: 3em;
}

.#{$ra-css-prefix}-4x {
  font-size: 4em;
}

.#{$ra-css-prefix}-5x {
  font-size: 5em;
}

.#{$ra-css-prefix}-6x {
  font-size: 6em;
}

.#{$ra-css-prefix}-7x {
  font-size: 7em;
}

.#{$ra-css-prefix}-8x {
  font-size: 8em;
}

.#{$ra-css-prefix}-9x {
  font-size: 9em;
}

.#{$ra-css-prefix}-10x {
  font-size: 10em;
}