@mixin link() {
    color: $link-color;

    &--current {
        color: $link-color-current;
    }

    &:hover {
        color: $link-color-hover;
    }
}


// Mixin for include font-awesome icons to custom elements
// List of icons https://github.com/FortAwesome/Font-Awesome/blob/master/scss/_variables.scss
// @param $icon-name (Font Awesome icon)
// @param $state {CSS pseudo-element}

@mixin fa-icon($icon: null, $state: before) {
    @if ($icon) {
        &:#{$state} {

            content: '#{$icon}';

            font-family: $icon-font;
        }
    }
}


%base-transition {
    transition: all linear 100ms;
}

@mixin link() {
    color: $link-color;

    &--current {
        color: $link-color-current;
    }

    &:hover {
        color: $link-color-hover;
    }
}


// Mixin for include font-awesome icons to custom elements
// List of icons https://github.com/FortAwesome/Font-Awesome/blob/master/scss/_variables.scss
// @param $icon-name (Font Awesome icon)
// @param $state {CSS pseudo-element}

@mixin fa-icon($icon: null, $state: before) {

    @if ($icon) {
        &:#{$state} {
            content: '#{$icon}';

            font-family: $icon-font;
        }
    }
}


%base-transition {
    transition: all linear 100ms;
}

Improve FontAwesome usage in styles
BB-6293: Improve FontAwesome usage in styles
