// 
// Sass Icon Fonts
//

// Settings File _iconSettings.scss
// Version: 0.3
// Created By: Andrew Senetar
// Date: July, 13 2013
// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello

//// Compass imports used later in icons.scss

@import "compass/css3/font-face";
@import "compass/css3/border-radius";
@import "compass/css3/animation";
@import "compass/css3/transform";

//// Font and class variables

$classPrefix: "icon-" !default;      // icon class prefix [prefix-][name]
$set: "fontello" !default;           // font name

//// Color Variables (from Font Awesome)

$iconBorderColor:    #eee !default;
$iconMuted:          #eee !default;
$iconLight:          #fff !default;
$iconDark:           #333 !default;

//// Mixin for creation of individual icon class 
//// Use: @include i-class([name],[code]); (assumes \exxx space since its imposible? to output 
//// \#{$pua} in Sass appearntly 

@mixin i-class($name,$pua) {
  .#{$classPrefix}#{$name}:before { 
    content: "\e#{$pua}";
  }
}

//// Mixin for creation of individual icon class for Internet Explorer
//// Use: @include i-class([name],[code]); (again exxx range)

@mixin ie-class($name,$pua) {
  .#{$classPrefix}#{$name} { 
    *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "&#xe#{$pua}; "); 
  }
}

//// Mixin for @font-face 
//// Use @include face([$set]); 

@mixin face($set) {
  @include font-face("#{$set}",
    font-files("#{$set}.woff",
      "#{$set}.ttf",
      "#{$set}.svg"),
    '#{$set}.eot',
    normal,
    normal);
}