Mixin to make generic rounded border on font icon

round-font-icon-mixin.scss

/*
 * Mixin for generic rounded webfont icon
 *
 */
@mixin -emencia-round-font-icon(
    $inner-padding: 1rem,
    $font-size: 2rem,
    $color: $black,
    $border-width: 0.1rem,
    $border-color: null
) {
    // Use font color if not border color is given
    @if $border-color == null {
        $border-color: $color;
    }

    display: inline-block;
    padding: $inner-padding;
    width: $font-size + ($inner-padding*2) + ($border-width*2);
    height: $font-size + ($inner-padding*2) + ($border-width*2);
    overflow: hidden;
    color: $color;
    border-radius: $font-size + ($inner-padding*2);
    border: $border-width solid $border-color;
    font-size: $font-size;
    text-align: center;
}