$fi-important: dynamic(true);
$fi-font-family: dynamic($font-icon-font-family);

@mixin fi($name, $icon) {
    $args: parseIconArgs($icon);

    $char: nth($args, 1);
    $font-family: nth($args, 2);
    $rotation: nth($args, 3);

    .fi-#{$name}:before {
        @if $fi-important {
            content: $char !important;
        } @else {
            content: $char;
        }

        @if $fi-important {
            font-family: $font-family !important;
        } @else {

            font-family: $font-family;
        }

        @if $rotation != null {
            $rotation-origin: 50% 50%;
            $angle: rotate(#{$rotation}deg);

            display: inline-block;
            transform: $angle;
            transform-origin: $rotation-origin;
        }
    }
}

.fi:before {
    font-family: $fi-font-family !important;
}

/**
 * @var {string}
 * The "align-center" font-icon
 */
$fi-var-align-center: dynamic($fa-var-align-center);
@include fi(align-center, $fi-var-align-center);

/**
 * @var {string}
 * The "align-justify" font-icon
 */
$fi-var-align-justify: dynamic($fa-var-align-justify);
@include fi(align-justify, $fi-var-align-justify);

/**
 * @var {string}
 * The "align-left" font-icon
 */
$fi-var-align-left: dynamic($fa-var-align-left);
@include fi(align-left, $fi-var-align-left);

/**
 * @var {string}
 * The "align-right" font-icon
 */
$fi-var-align-right: dynamic($fa-var-align-right);
@include fi(align-right, $fi-var-align-right);

/**
 * @var {string}
 * The "arrow-down" font-icon
 */
$fi-var-arrow-down: dynamic($fa-var-arrow-down);
@include fi(arrow-down, $fi-var-arrow-down);

/**
 * @var {string}
 * The "arrow-left" font-icon
 */
$fi-var-arrow-left: dynamic($fa-var-arrow-left);
@include fi(arrow-left, $fi-var-arrow-left);

/**
 * @var {string}
 * The "arrow-right" font-icon
 */
$fi-var-arrow-right: dynamic($fa-var-arrow-right);
@include fi(arrow-right, $fi-var-arrow-right);

/**
 * @var {string}
 * The "arrow-up" font-icon
 */
$fi-var-arrow-up: dynamic($fa-var-arrow-up);
@include fi(arrow-up, $fi-var-arrow-up);

/**
 * @var {string}
 * The "bars" font-icon
 */
$fi-var-bars: dynamic($fa-var-bars);
@include fi(bars, $fi-var-bars);

/**
 * @var {string}
 * The "caret-down" font-icon
 */
$fi-var-caret-down: dynamic($fa-var-caret-down);
@include fi(caret-down, $fi-var-caret-down);

/**
 * @var {string}
 * The "caret-left" font-icon
 */
$fi-var-caret-left: dynamic($fa-var-caret-left);
@include fi(caret-left, $fi-var-caret-left);

/**
 * @var {string}
 * The "caret-right" font-icon
 */
$fi-var-caret-right: dynamic($fa-var-caret-right);
@include fi(caret-right, $fi-var-caret-right);

/**
 * @var {string}
 * The "caret-up" font-icon
 */
$fi-var-caret-up: dynamic($fa-var-caret-up);
@include fi(caret-up, $fi-var-caret-up);

/**
 * @var {string}
 * The "check" font-icon
 */
$fi-var-check: dynamic($fa-var-check);
@include fi(check, $fi-var-check);

/**
 * @var {string}
 * The "chevron-down" font-icon
 */
$fi-var-chevron-down: dynamic($fa-var-chevron-down);
@include fi(chevron-down, $fi-var-chevron-down);

/**
 * @var {string}
 * The "chevron-left" font-icon
 */
$fi-var-chevron-left: dynamic($fa-var-chevron-left);
@include fi(chevron-left, $fi-var-chevron-left);

/**
 * @var {string}
 * The "chevron-right" font-icon
 */
$fi-var-chevron-right: dynamic($fa-var-chevron-right);
@include fi(chevron-right, $fi-var-chevron-right);

/**
 * @var {string}
 * The "chevron-up" font-icon
 */
$fi-var-chevron-up: dynamic($fa-var-chevron-up);
@include fi(chevron-up, $fi-var-chevron-up);

/**
 * @var {string}
 * The "edit" font-icon
 */
$fi-var-edit: dynamic($fa-var-edit);
@include fi(edit, $fi-var-edit);

/**
 * @var {string}
 * The "ellipsis-h" font-icon
 */
$fi-var-ellipsis-h: dynamic($fa-var-ellipsis-h);
@include fi(ellipsis-h, $fi-var-ellipsis-h);

/**
 * @var {string}
 * The "ellipsis-v" font-icon
 */
$fi-var-ellipsis-v: dynamic($fa-var-ellipsis-v);
@include fi(ellipsis-v, $fi-var-ellipsis-v);

/**
 * @var {string}
 * The "filter" font-icon
 */
$fi-var-filter: dynamic($fa-var-filter);
@include fi(filter, $fi-var-filter);

/**
 * @var {string}
 * The "gear" font-icon
 */
$fi-var-gear: dynamic($fa-var-cog);
@include fi(gear, $fi-var-gear);

/**
 * @var {string}
 * The "group" font-icon
 */
$fi-var-group: dynamic($fa-var-users);
@include fi(group, $fi-var-group);

/**
 * @var {string}
 * The "home" font-icon
 */
$fi-var-home: dynamic($fa-var-home);
@include fi(home, $fi-var-home);

/**
 * @var {string}
 * The "lock" font-icon
 */
$fi-var-lock: dynamic($fa-var-lock);
@include fi(lock, $fi-var-lock);

/**
 * @var {string}
 * The "minus" font-icon
 */
$fi-var-minus: dynamic($fa-var-minus);
@include fi(minus, $fi-var-minus);

/**
 * @var {string}
 * The "pencil" font-icon
 */
$fi-var-pencil: dynamic($fa-var-pencil);
@include fi(pencil, $fi-var-pencil);

/**
 * @var {string}
 * The "plus" font-icon
 */
$fi-var-plus: dynamic($fa-var-plus);
@include fi(plus, $fi-var-plus);

/**
 * @var {string}
 * The "print" font-icon
 */
$fi-var-print: dynamic($fa-var-print);
@include fi(print, $fi-var-print);

/**
 * @var {string}
 * The "redo" font-icon
 */
$fi-var-redo: dynamic($fa-var-sync);
@include fi(redo, $fi-var-redo);

/**
 * @var {string}
 * The "refresh" font-icon
 */
$fi-var-refresh: dynamic($fa-var-sync);
@include fi(refresh, $fi-var-refresh);

/**
 * @var {string}
 * The "save" font-icon
 */
$fi-var-save: dynamic($fa-var-save);
@include fi(save, $fi-var-save);

/**
 * @var {string}
 * The "search" font-icon
 */
$fi-var-search: dynamic($fa-var-search);
@include fi(search, $fi-var-search);

/**
 * @var {string}
 * The "star" font-icon
 */
$fi-var-star: dynamic($fa-var-star);
@include fi(star, $fi-var-star);

/**
 * @var {string}
 * The "times" font-icon
 */
$fi-var-times: dynamic($fa-var-times);
@include fi(times, $fi-var-times);

/**
 * @var {string}
 * The "trash" font-icon
 */
$fi-var-trash: dynamic($fa-var-trash);
@include fi(trash, $fi-var-trash);

/**
 * @var {string}
 * The "th" font-icon
 */
$fi-var-th: dynamic($fa-var-th);
@include fi(th, $fi-var-th);

/**
 * @var {string}
 * The "th-list" font-icon
 */
$fi-var-th-list: dynamic($fa-var-th-list);
@include fi(th-list, $fi-var-th-list);

/**
 * @var {string}
 * The "undo" font-icon
 */
$fi-var-undo: dynamic($fa-var-undo);
@include fi(undo, $fi-var-undo);

/**
 * @var {string}
 * The "unlock" font-icon
 */
$fi-var-unlock: dynamic($fa-var-unlock);
@include fi(unlock, $fi-var-unlock);

/**
 * @var {string}
 * The "user" font-icon
 */
$fi-var-user: dynamic($fa-var-user);
@include fi(user, $fi-var-user);