//
// !!!
// This file is generated with a gulp task.
// DO NOT TOUCH this file directly.
// !!!
//
// The template for the generation is located under src/templates/_icon.scss
//

////
/// @group icons
////

/// base mixin applying DressCodeIcons font to :before pseudo-element
@mixin dc-icon {
    &:before {
        font-family: "DressCodeIcons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        // speak: none; // only necessary if not using the private unicode range (firstGlyph option)
        text-decoration: none;
        text-transform: none;
        color: inherit;
    }
}

/// Get the character representing a font icon
/// @param {string} $name - icon name (eg. close)
/// @returns {string} utf-8 character representing the icon
@function dc-icon-char($filename) {
    $char: "";
    
    @if $filename == add {
        $char: "\EA01";
    }
    @if $filename == arrow-down {
        $char: "\EA02";
    }
    @if $filename == arrow-left {
        $char: "\EA03";
    }
    @if $filename == arrow-right {
        $char: "\EA04";
    }
    @if $filename == arrow-up {
        $char: "\EA05";
    }
    @if $filename == bar-chart {
        $char: "\EA06";
    }
    @if $filename == check {
        $char: "\EA07";
    }
    @if $filename == clear {
        $char: "\EA08";
    }
    @if $filename == close {
        $char: "\EA09";
    }
    @if $filename == cog {
        $char: "\EA0A";
    }
    @if $filename == contact {
        $char: "\EA0B";
    }
    @if $filename == drag {
        $char: "\EA0C";
    }
    @if $filename == error {
        $char: "\EA0D";
    }
    @if $filename == eye {
        $char: "\EA0E";
    }
    @if $filename == help {
        $char: "\EA0F";
    }
    @if $filename == history {
        $char: "\EA10";
    }
    @if $filename == info {
        $char: "\EA12";
    }
    @if $filename == info-circle {
        $char: "\EA11";
    }
    @if $filename == line-chart {
        $char: "\EA13";
    }
    @if $filename == link {
        $char: "\EA14";
    }
    @if $filename == lock {
        $char: "\EA15";
    }
    @if $filename == menu {
        $char: "\EA16";
    }
    @if $filename == minus {
        $char: "\EA17";
    }
    @if $filename == more {
        $char: "\EA18";
    }
    @if $filename == open-circle {
        $char: "\EA19";
    }
    @if $filename == pencil {
        $char: "\EA1A";
    }
    @if $filename == play {
        $char: "\EA1B";
    }
    @if $filename == pointer {
        $char: "\EA1C";
    }
    @if $filename == redo {
        $char: "\EA1D";
    }
    @if $filename == search {
        $char: "\EA1E";
    }
    @if $filename == spinner {
        $char: "\EA1F";
    }
    @if $filename == success {
        $char: "\EA20";
    }
    @if $filename == trash {
        $char: "\EA21";
    }
    @if $filename == triangle-down {
        $char: "\EA22";
    }
    @if $filename == triangle-up {
        $char: "\EA23";
    }
    @if $filename == undo {
        $char: "\EA24";
    }
    @if $filename == user {
        $char: "\EA25";
    }
    @if $filename == users {
        $char: "\EA26";
    }
    @if $filename == warning {
        $char: "\EA27";
    }

    @return $char;
}

// BEM modifiers mixins
@mixin dc-icon--add {
    &:before {
        content: dc-icon-char(add);
    }
}
@mixin dc-icon--arrow-down {
    &:before {
        content: dc-icon-char(arrow-down);
    }
}
@mixin dc-icon--arrow-left {
    &:before {
        content: dc-icon-char(arrow-left);
    }
}
@mixin dc-icon--arrow-right {
    &:before {
        content: dc-icon-char(arrow-right);
    }
}
@mixin dc-icon--arrow-up {
    &:before {
        content: dc-icon-char(arrow-up);
    }
}
@mixin dc-icon--bar-chart {
    &:before {
        content: dc-icon-char(bar-chart);
    }
}
@mixin dc-icon--check {
    &:before {
        content: dc-icon-char(check);
    }
}
@mixin dc-icon--clear {
    &:before {
        content: dc-icon-char(clear);
    }
}
@mixin dc-icon--close {
    &:before {
        content: dc-icon-char(close);
    }
}
@mixin dc-icon--cog {
    &:before {
        content: dc-icon-char(cog);
    }
}
@mixin dc-icon--contact {
    &:before {
        content: dc-icon-char(contact);
    }
}
@mixin dc-icon--drag {
    &:before {
        content: dc-icon-char(drag);
    }
}
@mixin dc-icon--error {
    &:before {
        content: dc-icon-char(error);
    }
}
@mixin dc-icon--eye {
    &:before {
        content: dc-icon-char(eye);
    }
}
@mixin dc-icon--help {
    &:before {
        content: dc-icon-char(help);
    }
}
@mixin dc-icon--history {
    &:before {
        content: dc-icon-char(history);
    }
}
@mixin dc-icon--info {
    &:before {
        content: dc-icon-char(info);
    }
}
@mixin dc-icon--info-circle {
    &:before {
        content: dc-icon-char(info-circle);
    }
}
@mixin dc-icon--line-chart {
    &:before {
        content: dc-icon-char(line-chart);
    }
}
@mixin dc-icon--link {
    &:before {
        content: dc-icon-char(link);
    }
}
@mixin dc-icon--lock {
    &:before {
        content: dc-icon-char(lock);
    }
}
@mixin dc-icon--menu {
    &:before {
        content: dc-icon-char(menu);
    }
}
@mixin dc-icon--minus {
    &:before {
        content: dc-icon-char(minus);
    }
}
@mixin dc-icon--more {
    &:before {
        content: dc-icon-char(more);
    }
}
@mixin dc-icon--open-circle {
    &:before {
        content: dc-icon-char(open-circle);
    }
}
@mixin dc-icon--pencil {
    &:before {
        content: dc-icon-char(pencil);
    }
}
@mixin dc-icon--play {
    &:before {
        content: dc-icon-char(play);
    }
}
@mixin dc-icon--pointer {
    &:before {
        content: dc-icon-char(pointer);
    }
}
@mixin dc-icon--redo {
    &:before {
        content: dc-icon-char(redo);
    }
}
@mixin dc-icon--search {
    &:before {
        content: dc-icon-char(search);
    }
}
@mixin dc-icon--spinner {
    &:before {
        content: dc-icon-char(spinner);
    }
}
@mixin dc-icon--success {
    &:before {
        content: dc-icon-char(success);
    }
}
@mixin dc-icon--trash {
    &:before {
        content: dc-icon-char(trash);
    }
}
@mixin dc-icon--triangle-down {
    &:before {
        content: dc-icon-char(triangle-down);
    }
}
@mixin dc-icon--triangle-up {
    &:before {
        content: dc-icon-char(triangle-up);
    }
}
@mixin dc-icon--undo {
    &:before {
        content: dc-icon-char(undo);
    }
}
@mixin dc-icon--user {
    &:before {
        content: dc-icon-char(user);
    }
}
@mixin dc-icon--users {
    &:before {
        content: dc-icon-char(users);
    }
}
@mixin dc-icon--warning {
    &:before {
        content: dc-icon-char(warning);
    }
}


@mixin dc-icon-generated-selectors {
    @font-face {
        font-family: "DressCodeIcons";
        src: url('#{$dc-font-path}/DressCodeIcons.eot?v=2.4.0');
        src: url('#{$dc-font-path}/DressCodeIcons.eot?#iefix') format('eot'),
        url('#{$dc-font-path}/DressCodeIcons.woff?v=2.4.0') format('woff'),
        url('#{$dc-font-path}/DressCodeIcons.ttf?v=2.4.0') format('truetype'),
        url('#{$dc-font-path}/DressCodeIcons.svg?v=2.4.0#DressCodeIcons') format('svg');
    }

    .dc-icon {
        @include dc-icon;
    }
    

    .dc-icon--add {
        @include dc-icon--add;
    }

    .dc-icon--arrow-down {
        @include dc-icon--arrow-down;
    }

    .dc-icon--arrow-left {
        @include dc-icon--arrow-left;
    }

    .dc-icon--arrow-right {
        @include dc-icon--arrow-right;
    }

    .dc-icon--arrow-up {
        @include dc-icon--arrow-up;
    }

    .dc-icon--bar-chart {
        @include dc-icon--bar-chart;
    }

    .dc-icon--check {
        @include dc-icon--check;
    }

    .dc-icon--clear {
        @include dc-icon--clear;
    }

    .dc-icon--close {
        @include dc-icon--close;
    }

    .dc-icon--cog {
        @include dc-icon--cog;
    }

    .dc-icon--contact {
        @include dc-icon--contact;
    }

    .dc-icon--drag {
        @include dc-icon--drag;
    }

    .dc-icon--error {
        @include dc-icon--error;
    }

    .dc-icon--eye {
        @include dc-icon--eye;
    }

    .dc-icon--help {
        @include dc-icon--help;
    }

    .dc-icon--history {
        @include dc-icon--history;
    }

    .dc-icon--info {
        @include dc-icon--info;
    }

    .dc-icon--info-circle {
        @include dc-icon--info-circle;
    }

    .dc-icon--line-chart {
        @include dc-icon--line-chart;
    }

    .dc-icon--link {
        @include dc-icon--link;
    }

    .dc-icon--lock {
        @include dc-icon--lock;
    }

    .dc-icon--menu {
        @include dc-icon--menu;
    }

    .dc-icon--minus {
        @include dc-icon--minus;
    }

    .dc-icon--more {
        @include dc-icon--more;
    }

    .dc-icon--open-circle {
        @include dc-icon--open-circle;
    }

    .dc-icon--pencil {
        @include dc-icon--pencil;
    }

    .dc-icon--play {
        @include dc-icon--play;
    }

    .dc-icon--pointer {
        @include dc-icon--pointer;
    }

    .dc-icon--redo {
        @include dc-icon--redo;
    }

    .dc-icon--search {
        @include dc-icon--search;
    }

    .dc-icon--spinner {
        @include dc-icon--spinner;
    }

    .dc-icon--success {
        @include dc-icon--success;
    }

    .dc-icon--trash {
        @include dc-icon--trash;
    }

    .dc-icon--triangle-down {
        @include dc-icon--triangle-down;
    }

    .dc-icon--triangle-up {
        @include dc-icon--triangle-up;
    }

    .dc-icon--undo {
        @include dc-icon--undo;
    }

    .dc-icon--user {
        @include dc-icon--user;
    }

    .dc-icon--users {
        @include dc-icon--users;
    }

    .dc-icon--warning {
        @include dc-icon--warning;
    }
}