@import "./variable";
@import "./util";

$eot = $assetPath + 'font/fontello.eot'
$eotIEFix = $assetPath + 'font/fontello.eot?#iefix'
$woff = $assetPath + "font/fontello.woff"
$ttf = $assetPath + "font/fontello.ttf"
$svg = $assetPath + "font/fontello.svg#iconfont"

@font-face {font-family: "iconfont";
  src: url($eot);
  src: url($eotIEFix) format('embedded-opentype'),
  url($woff) format('woff'),
  url($ttf) format('truetype'),
  url($svg) format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  px2px("font-size",16);
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-ok:before { content: '\e804'; }
.icon-cancel:before { content: '\e805'; }
.icon-down-open:before { content: '\e806'; }
.icon-left-open:before { content: '\e807'; }
.icon-right-open:before { content: '\e808'; }
.icon-up-open:before { content: '\e809'; }
.icon-left-open:before { content: '\e807'; } /* '' */
.icon-right-open:before { content: '\e808'; } /* '' */
.icon-plus:before { content: '\e802'; } /* '' */
.icon-minus:before { content: '\e803'; } /* '' */
.icon-angle-double-right:before { content: '\e80a'; } /* '' */
.icon-angle-double-left:before { content: '\e80b'; } /* '' */
.icon-calendar:before { content: '\e80c'; } /* '' */
.icon-clock:before { content: '\e80d'; } /* '' */
.icon-angle-left:before { content: '\e800'; } /* '' */
.icon-angle-right:before { content: '\e801'; } /* '' */
.icon-check:before { content: '\e80e'; } /* '' */
.icon-check-empty:before { content: '\e80f'; } /* '' */
.icon-circle-empty:before { content: '\e810'; } /* '' */
.icon-dot-circled:before { content: '\e811'; } /* '' */
.icon-up:before { content: '\e815'; }
.icon-spin-5:before { content: '\e814'; }
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}