// Generic icon set using custom font face for glyphs
//
// .icon-myicon             - This is my cool icon
//
// Styleguide 5.1
[class^="icon-"], [class*=" icon-"]{
  font-family: "TCFont-Regular";
  display: inline-block;
  font-weight: normal !important;
  font-style: normal !important;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  width: 1.2em;
  font-size: 1.3em;
  text-align: center;

  &.icon-myicon:before{ content: "\f000"; }
  // Generated content for IE7
  // See: https://github.com/FortAwesome/Font-Awesome/blob/master/css/font-awesome-ie7.css
  &.icon-myicon { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }
}


// Icons should be hidden for clients with no fontface support
body.no-fontface{
  [class^="icon-"], [class*=" icon-"]{
    display: none;
  }
}