@mixin icon-style() {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'id-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 18px;
    line-height: 0;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@mixin make-icon($icon) {
    @include icon-style;
    content: $icon;
}