/* Typeface, Dark Icons is a collection of  the vector graphics we use  that are not fontAwesome icons*/

/* Bump the version up by one everytime you add/remove icons */
$dark-icons-version: "v0";

/* Dark Icons fonts generated by glyphter */
@font-face {
  font-family: "Dark Icons";
  src: url("/dark-icons-font-#{$dark-icons-version}/Dark-Icons.eot");
  src: url("/dark-icons-font-#{$dark-icons-version}/Dark-Icons.eot?#iefix")
      format("embedded-opentype"),
    url("/dark-icons-font-#{$dark-icons-version}/Dark-Icons.woff")
      format("woff"),
    url("/dark-icons-font-#{$dark-icons-version}/Dark-Icons.ttf")
      format("truetype"),
    url("/dark-icons-font-#{$dark-icons-version}/Dark-Icons.svg#Dark-Icons")
      format("svg");
}

.dark-icon-font {
  font-family: "Dark Icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Map of icon names to their glyph characters
  They are generated from the download glyphter provides.
*/
$dark-icons: (
  "static-assets": "\0041",
  "db": "\0042",
  "cron": "\0043",
  "deleted": "\0044",
  "fn": "\0046",
  "fof": "\0047",
  "http": "\0048",
  "option-just": "\004a",
  "option-nothing": "\004e",
  "result-ok": "\004f",
  "result-error": "\0045",
  "types": "\0054",
  "undefined": "\0055",
);

/* Generates a selector for the icons that inserts the icon into a i.di element
    Usage: <i class="di di-http" />
    And the HTTP icon will appear upon render.
*/
@each $name, $glyph in $dark-icons {
  i.di.di-#{$name}::before {
    @extend .dark-icon-font;
    content: $glyph;
  }
}
