@import "variables";

// font path mixin
.fontPath(@path, @filename, @version){
  src: url('@{path}@{filename}.eot?@{version}');
  src: url('@{path}@{filename}.eot?@{version}#iefix') format('embedded-opentype'),
       url('@{path}@{filename}.woff2?@{version}') format('woff2'),
       url('@{path}@{filename}.woff?@{version}') format('woff'),
       url('@{path}@{filename}.ttf?@{version}') format('truetype'),
       url('@{path}@{filename}.svg?@{version}#iconfont') format('svg');
}

.iconStyles(@font-face){
    font-family: @font-face;
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
}

.clearfix() {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}