$font-path: "../fonts" !default;

//
// Define keyframe for spinning
//
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

//
// Define font family
//
// .woff for IE9+ and others. It's inlined, so it doesn't raise any CORS errors
// .svg only for webkit (due to the bug in Chrome Windows)
//
@font-face {
  font-family: "acl-icon-font";
  font-weight: normal;
  font-style: normal;
  src: url('#{$font-path}/acl-icon-font.eot');
  src: url('#{$font-path}/acl-icon-font.eot?#iefix') format('eot'),
      url('#{$font-path}/acl-icon-font.woff') format('woff'),
      url('#{$font-path}/acl-icon-font.ttf') format('truetype'),
      url('#{$font-path}/acl-icon-font.svg#acl-icon-font') format('svg');
}

@font-face {
  font-family: "acl-icon-font";
  font-weight: normal;
  font-style: normal;
  src: inline('#{$font-path}/acl-icon-font.woff') format('woff');
}

[class^="acl-i"],
[class*=" acl-i"] {
  font-family: "acl-icon-font";
  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;
}

//
// Spinning Icons
//
// Apply the following class to an icon to spin it.
.acl-i-spin {
  animation: spin 2s infinite linear;
}

@import "acl-icon-font";