@import "variables";

@font-face {
  font-family: 'icomoon';
  src:
    url('#{$icomoon-font-path}/icomoon.ttf?tp6muk') format('truetype'),
    url('#{$icomoon-font-path}/icomoon.woff?tp6muk') format('woff'),
    url('#{$icomoon-font-path}/icomoon.svg?tp6muk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.icon-plus-circle {
  &:before {
    content: $icon-plus-circle;
  }
}
.icon-times-circle {
  &:before {
    content: $icon-times-circle;
  }
}
.icon-warning {
  &:before {
    content: $icon-warning;
  }
}
.icon-lock {
  &:before {
    content: $icon-lock;
  }
}
.icon-eye {
  &:before {
    content: $icon-eye;
  }
}
.icon-times {
  &:before {
    content: $icon-times;
  }
}
.icon-arrow-left {
  &:before {
    content: $icon-arrow-left;
  }
}
.icon-arrow-right {
  &:before {
    content: $icon-arrow-right;
  }
}
.icon-volume {
  &:before {
    content: $icon-volume;
  }
}
.icon-student {
  &:before {
    content: $icon-student;
  }
}
.icon-triple-strip {
  &:before {
    content: $icon-triple-strip;
  }
}
.icon-face-unhappy {
  &:before {
    content: $icon-face-unhappy;
  }
}
.icon-check-circle {
  &:before {
    content: $icon-check-circle;
  }
}
.icon-arrow-up {
  &:before {
    content: $icon-arrow-up;
  }
}
.icon-arrow-down {
  &:before {
    content: $icon-arrow-down;
  }
}
.icon-user {
  &:before {
    content: $icon-user;
  }
}
.icon-org {
  &:before {
    content: $icon-org;
  }
}
.icon-gear {
  &:before {
    content: $icon-gear;
  }
}
.icon-file {
  &:before {
    content: $icon-file;
  }
}
.icon-currency {
  &:before {
    content: $icon-currency;
  }
}
.icon-clover {
  &:before {
    content: $icon-clover;
  }
}
.icon-check {
  &:before {
    content: $icon-check;
  }
}
.icon-chart {
  &:before {
    content: $icon-chart;
  }
}
.icon-fire {
  &:before {
    content: $icon-fire;
  }
}