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

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

.@{icon-css-prefix}-2x {
    &, &.@{icon-css-prefix} {
        font-size: 2em;
    }

}

.@{icon-css-prefix}-3x {
    &, &.@{icon-css-prefix} {
        font-size: 3em;
    }
}

.@{icon-css-prefix}-4x {
    &, &.@{icon-css-prefix} {
        font-size: 4em;
    }
}

.@{icon-css-prefix}-5x {
    &, &.@{icon-css-prefix} {
        font-size: 5em;
    }
}