icon-font

Icon Font

Makes it easier to consistently declare icon fonts in your project.

Used in conjunction with:

• Web Font
• Icon Address

A custom font must have been defined using @font-face or web-font().

The $icon-font variable must be defined as the font-family to use for the icon-font mixin.

@include icon-font();

Parameters

$position [string]

Default: before

Takes a value of either before or after to declare which pseudo-element to use.

Usage

$icon-font: 'icon-font';

.element {
    @include icon-font;
}

Output

.element::after {
    display: inline-block;

    font-family: $icon-font;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    vertical-align: middle;
}