/**
 * MaterialDesignIcons-SCSS-Variables
 * https://github.com/chteuchteu/MaterialDesignIcons-SCSS-Variables
 */

%mdi {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/**
 * .mdi selector since 1.7.12
 * https://github.com/Templarian/MaterialDesign-Webfont/blob/master/css/materialdesignicons.css#L9
 */
@mixin material-icon($icon) {
    &:before {
        @extend %mdi;
        content: $icon;
    }
}

/**
 * .mdi-set selector since 1.7.12
 * https://github.com/Templarian/MaterialDesign-Webfont/blob/master/css/materialdesignicons.css#L10
 */
@mixin material-icon-set($icon) {
    @extend %mdi;

    &:before {
        content: $icon;
    }
}

/**
 * .selector {
 *     @include material-icon-simple($mdi-account);
 * }
 */
@mixin material-icon-simple($icon) {
    @extend %mdi;
    content: $icon;
}

/**
 * https://github.com/Templarian/MaterialDesign-Webfont/blob/master/scss/_functions.scss
 */
@function char($character-code) {
    @if function-exists("selector-append") {
        @return unquote("\"\\#{$character-code}\"");
    }

    @if "\\#{'x'}" == "\\x" {
        @return str-slice("\x", 1, 1) + $character-code;
    }
    @else {
        @return #{"\"\\"}#{$character-code + "\""};
    }
}