// Icon Font Replace
// =================
//
// This is used when we want to replace any text inside an icon font element
//
// Notes:
//
// 1. The width property is required to fix a rendering bug that happens when
//    using the hide-text() mixin

@mixin icon-font-replace($position: 'before', $width: 1em) {
    @include hide-text();

    position: relative;
    
    display: inline-block;
    width: $width; // 1

    &::#{$position} {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        
        display: block;
        margin: 0;
        
        font-size: inherit;
        line-height: inherit;
        text-align: center;
        text-indent: 0;
    }
}

// Icon Font Replace
// =================
//
// This is used when we want to replace any text inside an icon font element
//
// Notes:
//
// 1. The width property is required to fix a rendering bug that happens when
//    using the hide-text() mixin

@mixin icon-font-replace($position: 'before', $width: 1em) {
    @include hide-text();

    position: relative;
    
    display: inline-block;
    width: $width; // 1

    &::#{$position} {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        
        display: block;
        
        text-align: center;
        text-indent: 0;
    }
}

Remove margin, font size and line height
Remove margin, font size and line height
