@import "variables";

@font-face {
  font-family: '16pxls';
  src:  url('#{$icomoon-font-path}/16pxls.eot?c45so3');
  src:  url('#{$icomoon-font-path}/16pxls.eot?c45so3#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/16pxls.ttf?c45so3') format('truetype'),
    url('#{$icomoon-font-path}/16pxls.woff?c45so3') format('woff'),
    url('#{$icomoon-font-path}/16pxls.svg?c45so3#16pxls') 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: '16pxls' !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;
}

@function unicode($str) {
  @return unquote("\"") + $str + unquote("\"");
}

.icon-Align-Bottom {
  &:before {
    content: unicode($icon-Align-Bottom); 
  }
}
.icon-Align-Horizontal {
  &:before {
    content: unicode($icon-Align-Horizontal); 
  }
}
.icon-Align-Left {
  &:before {
    content: unicode($icon-Align-Left); 
  }
}
.icon-Align-Right {
  &:before {
    content: unicode($icon-Align-Right); 
  }
}
.icon-Align-Top {
  &:before {
    content: unicode($icon-Align-Top); 
  }
}
.icon-Align-Verticle {
  &:before {
    content: unicode($icon-Align-Verticle); 
  }
}
.icon-Anchor {
  &:before {
    content: unicode($icon-Anchor); 
  }
}
.icon-ArcadeStick {
  &:before {
    content: unicode($icon-ArcadeStick); 
  }
}
.icon-Archive {
  &:before {
    content: unicode($icon-Archive); 
  }
}
.icon-Arrows-Down {
  &:before {
    content: unicode($icon-Arrows-Down); 
  }
}
.icon-Arrows-Horizontal {
  &:before {
    content: unicode($icon-Arrows-Horizontal); 
  }
}
.icon-Arrows-Left {
  &:before {
    content: unicode($icon-Arrows-Left); 
  }
}
.icon-Arrows-Right {
  &:before {
    content: unicode($icon-Arrows-Right); 
  }
}
.icon-Arrows-Up {
  &:before {
    content: unicode($icon-Arrows-Up); 
  }
}
.icon-Arrows-Verticle {
  &:before {
    content: unicode($icon-Arrows-Verticle); 
  }
}
.icon-Audio {
  &:before {
    content: unicode($icon-Audio); 
  }
}
.icon-Branch {
  &:before {
    content: unicode($icon-Branch); 
  }
}
.icon-Browser {
  &:before {
    content: unicode($icon-Browser); 
  }
}
.icon-Calculator {
  &:before {
    content: unicode($icon-Calculator); 
  }
}
.icon-Calendar {
  &:before {
    content: unicode($icon-Calendar); 
  }
}
.icon-Chat {
  &:before {
    content: unicode($icon-Chat); 
  }
}
.icon-Circle-Arrow-Down {
  &:before {
    content: unicode($icon-Circle-Arrow-Down); 
  }
}
.icon-Circle-Arrow-Left {
  &:before {
    content: unicode($icon-Circle-Arrow-Left); 
  }
}
.icon-Circle-Arrow-Right {
  &:before {
    content: unicode($icon-Circle-Arrow-Right); 
  }
}
.icon-Circle-Arrow-Up {
  &:before {
    content: unicode($icon-Circle-Arrow-Up); 
  }
}
.icon-Circle-Attention {
  &:before {
    content: unicode($icon-Circle-Attention); 
  }
}
.icon-Circle-Delete {
  &:before {
    content: unicode($icon-Circle-Delete); 
  }
}
.icon-Circle-Info {
  &:before {
    content: unicode($icon-Circle-Info); 
  }
}
.icon-Circle-Minus {
  &:before {
    content: unicode($icon-Circle-Minus); 
  }
}
.icon-Circle-More {
  &:before {
    content: unicode($icon-Circle-More); 
  }
}
.icon-Circle-Pause {
  &:before {
    content: unicode($icon-Circle-Pause); 
  }
}
.icon-Circle-Play {
  &:before {
    content: unicode($icon-Circle-Play); 
  }
}
.icon-Circle-Plus {
  &:before {
    content: unicode($icon-Circle-Plus); 
  }
}
.icon-Circle-Skip-Left {
  &:before {
    content: unicode($icon-Circle-Skip-Left); 
  }
}
.icon-Circle-Skip-Right {
  &:before {
    content: unicode($icon-Circle-Skip-Right); 
  }
}
.icon-Circle-Tick {
  &:before {
    content: unicode($icon-Circle-Tick); 
  }
}
.icon-Clock {
  &:before {
    content: unicode($icon-Clock); 
  }
}
.icon-Contrast {
  &:before {
    content: unicode($icon-Contrast); 
  }
}
.icon-Copy {
  &:before {
    content: unicode($icon-Copy); 
  }
}
.icon-Cross {
  &:before {
    content: unicode($icon-Cross); 
  }
}
.icon-Crosshair {
  &:before {
    content: unicode($icon-Crosshair); 
  }
}
.icon-Cup {
  &:before {
    content: unicode($icon-Cup); 
  }
}
.icon-Diamond {
  &:before {
    content: unicode($icon-Diamond); 
  }
}
.icon-Exit {
  &:before {
    content: unicode($icon-Exit); 
  }
}
.icon-External {
  &:before {
    content: unicode($icon-External); 
  }
}
.icon-Factory {
  &:before {
    content: unicode($icon-Factory); 
  }
}
.icon-File-Download {
  &:before {
    content: unicode($icon-File-Download); 
  }
}
.icon-File-Text {
  &:before {
    content: unicode($icon-File-Text); 
  }
}
.icon-File-Upload {
  &:before {
    content: unicode($icon-File-Upload); 
  }
}
.icon-Flag {
  &:before {
    content: unicode($icon-Flag); 
  }
}
.icon-Flower {
  &:before {
    content: unicode($icon-Flower); 
  }
}
.icon-Folder {
  &:before {
    content: unicode($icon-Folder); 
  }
}
.icon-Font {
  &:before {
    content: unicode($icon-Font); 
  }
}
.icon-Fork {
  &:before {
    content: unicode($icon-Fork); 
  }
}
.icon-Frown {
  &:before {
    content: unicode($icon-Frown); 
  }
}
.icon-Fullscreen {
  &:before {
    content: unicode($icon-Fullscreen); 
  }
}
.icon-Ghost {
  &:before {
    content: unicode($icon-Ghost); 
  }
}
.icon-Heart {
  &:before {
    content: unicode($icon-Heart); 
  }
}
.icon-House {
  &:before {
    content: unicode($icon-House); 
  }
}
.icon-Justify-Center {
  &:before {
    content: unicode($icon-Justify-Center); 
  }
}
.icon-Justify-Left {
  &:before {
    content: unicode($icon-Justify-Left); 
  }
}
.icon-Justify-Right {
  &:before {
    content: unicode($icon-Justify-Right); 
  }
}
.icon-Layout {
  &:before {
    content: unicode($icon-Layout); 
  }
}
.icon-Lock {
  &:before {
    content: unicode($icon-Lock); 
  }
}
.icon-Mail-Inbox {
  &:before {
    content: unicode($icon-Mail-Inbox); 
  }
}
.icon-Mail-Open {
  &:before {
    content: unicode($icon-Mail-Open); 
  }
}
.icon-Mail-Outbox {
  &:before {
    content: unicode($icon-Mail-Outbox); 
  }
}
.icon-Maximise {
  &:before {
    content: unicode($icon-Maximise); 
  }
}
.icon-Menu-Four {
  &:before {
    content: unicode($icon-Menu-Four); 
  }
}
.icon-Menu-Grid {
  &:before {
    content: unicode($icon-Menu-Grid); 
  }
}
.icon-Menu-Two {
  &:before {
    content: unicode($icon-Menu-Two); 
  }
}
.icon-Microphone {
  &:before {
    content: unicode($icon-Microphone); 
  }
}
.icon-Minimise {
  &:before {
    content: unicode($icon-Minimise); 
  }
}
.icon-Monitor {
  &:before {
    content: unicode($icon-Monitor); 
  }
}
.icon-Network {
  &:before {
    content: unicode($icon-Network); 
  }
}
.icon-Network-Port {
  &:before {
    content: unicode($icon-Network-Port); 
  }
}
.icon-NoEntry {
  &:before {
    content: unicode($icon-NoEntry); 
  }
}
.icon-Notification {
  &:before {
    content: unicode($icon-Notification); 
  }
}
.icon-Photo {
  &:before {
    content: unicode($icon-Photo); 
  }
}
.icon-PhotoSet {
  &:before {
    content: unicode($icon-PhotoSet); 
  }
}
.icon-Pie {
  &:before {
    content: unicode($icon-Pie); 
  }
}
.icon-Pin {
  &:before {
    content: unicode($icon-Pin); 
  }
}
.icon-Plug {
  &:before {
    content: unicode($icon-Plug); 
  }
}
.icon-Printer {
  &:before {
    content: unicode($icon-Printer); 
  }
}
.icon-Quote {
  &:before {
    content: unicode($icon-Quote); 
  }
}
.icon-Refresh {
  &:before {
    content: unicode($icon-Refresh); 
  }
}
.icon-Robot {
  &:before {
    content: unicode($icon-Robot); 
  }
}
.icon-Save {
  &:before {
    content: unicode($icon-Save); 
  }
}
.icon-Scissors {
  &:before {
    content: unicode($icon-Scissors); 
  }
}
.icon-Search {
  &:before {
    content: unicode($icon-Search); 
  }
}
.icon-Server {
  &:before {
    content: unicode($icon-Server); 
  }
}
.icon-Settings {
  &:before {
    content: unicode($icon-Settings); 
  }
}
.icon-Share {
  &:before {
    content: unicode($icon-Share); 
  }
}
.icon-Skull {
  &:before {
    content: unicode($icon-Skull); 
  }
}
.icon-Smile {
  &:before {
    content: unicode($icon-Smile); 
  }
}
.icon-Sort-Ascending {
  &:before {
    content: unicode($icon-Sort-Ascending); 
  }
}
.icon-Sort-Descending {
  &:before {
    content: unicode($icon-Sort-Descending); 
  }
}
.icon-Sound-Off {
  &:before {
    content: unicode($icon-Sound-Off); 
  }
}
.icon-Sound-On {
  &:before {
    content: unicode($icon-Sound-On); 
  }
}
.icon-Soup {
  &:before {
    content: unicode($icon-Soup); 
  }
}
.icon-Square-Arrow-Down {
  &:before {
    content: unicode($icon-Square-Arrow-Down); 
  }
}
.icon-Square-Arrow-Left {
  &:before {
    content: unicode($icon-Square-Arrow-Left); 
  }
}
.icon-Square-Arrow-Right {
  &:before {
    content: unicode($icon-Square-Arrow-Right); 
  }
}
.icon-Square-Arrow-Up {
  &:before {
    content: unicode($icon-Square-Arrow-Up); 
  }
}
.icon-Square-Attention {
  &:before {
    content: unicode($icon-Square-Attention); 
  }
}
.icon-Square-Delete {
  &:before {
    content: unicode($icon-Square-Delete); 
  }
}
.icon-Square-Info {
  &:before {
    content: unicode($icon-Square-Info); 
  }
}
.icon-Square-Lock {
  &:before {
    content: unicode($icon-Square-Lock); 
  }
}
.icon-Square-Minus {
  &:before {
    content: unicode($icon-Square-Minus); 
  }
}
.icon-Square-More {
  &:before {
    content: unicode($icon-Square-More); 
  }
}
.icon-Square-Pause {
  &:before {
    content: unicode($icon-Square-Pause); 
  }
}
.icon-Square-Play {
  &:before {
    content: unicode($icon-Square-Play); 
  }
}
.icon-Square-Plus {
  &:before {
    content: unicode($icon-Square-Plus); 
  }
}
.icon-Square-Skip-Left {
  &:before {
    content: unicode($icon-Square-Skip-Left); 
  }
}
.icon-Square-Skip-Right {
  &:before {
    content: unicode($icon-Square-Skip-Right); 
  }
}
.icon-Square-Tick {
  &:before {
    content: unicode($icon-Square-Tick); 
  }
}
.icon-Stack {
  &:before {
    content: unicode($icon-Stack); 
  }
}
.icon-StockGraph {
  &:before {
    content: unicode($icon-StockGraph); 
  }
}
.icon-Tag {
  &:before {
    content: unicode($icon-Tag); 
  }
}
.icon-Target {
  &:before {
    content: unicode($icon-Target); 
  }
}
.icon-ThumbDown {
  &:before {
    content: unicode($icon-ThumbDown); 
  }
}
.icon-ThumbUp {
  &:before {
    content: unicode($icon-ThumbUp); 
  }
}
.icon-TowerBlock {
  &:before {
    content: unicode($icon-TowerBlock); 
  }
}
.icon-USB {
  &:before {
    content: unicode($icon-USB); 
  }
}
.icon-Video {
  &:before {
    content: unicode($icon-Video); 
  }
}
.icon-Zip {
  &:before {
    content: unicode($icon-Zip); 
  }
}