// Icon Font
// =========
//
// Dependencies:
//
// * This assumes a font icon set has been added using the web-font() mixin

@mixin icon-font($position: 'before', $size: inherit, $color: inherit, $margin: 0, $width: 1em) {
    
    &::#{$position} {
        display: inline-block;
        
        color: $color;
        font: {
            family: $icon-font;
            size: $size;
            style: normal;
            weight: normal;
        }
        text-decoration: inherit;
        vertical-align: middle;

        // Apply appropriate margins whether it's before or after;
        @if $position == 'before' {
            margin-right: $margin;
        }
        @else if $position == 'after' {
            margin-left: $margin;
        }
    }
}

// Icon Font
// =========
//
// Dependencies:
//
// * This assumes a font icon set has been added using the web-font() mixin
// * $icon-font must be defined

@mixin icon-font($position: 'before', $size: inherit, $color: inherit, $margin: 0, $width: 1em) {
    
    &::#{$position} {
        display: inline-block;
        
        color: $color;
        font: {
            family: $icon-font;
            size: $size;
            style: normal;
            weight: normal;
        }
        text-decoration: inherit;
        vertical-align: middle;

        // Apply appropriate margins whether it's before or after;
        @if $position == 'before' {
            margin-right: $margin;
        }
        @else if $position == 'after' {
            margin-left: $margin;
        }
    }
}

Add dependency comment for the $icon-font variable
Add dependency comment for the $icon-font variable
