@import '../themes/default';
@import "../mixins/iconfont";

// font-face ./icon/font
@font-face {
  font-family: 'icon';
  src: url('@{icon-url}.eot'); /* IE9*/
  src:
  /* chrome、firefox */
  url('@{icon-url}.woff') format('woff'),
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('@{icon-url}.ttf') format('truetype'),
  /* iOS 4.1- */
  url('@{icon-url}.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'dtdicon';
  src: url('@{dtdicon-url}.eot'); /* IE9*/
  src:
  /* chrome、firefox */
  url('@{dtdicon-url}.woff') format('woff'),
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('@{dtdicon-url}.ttf') format('truetype'),
  /* iOS 4.1- */
  url('@{dtdicon-url}.svg#iconfont') format('svg');
}

.@{iconfont-css-prefix} {
 .iconfont-mixin();
}

.@{dtdicon-css-prefix} {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &:before {
    display: block;
    font-family: "dtdicon" !important;
  }
}

// icon旋转类
.@{iconfont-css-prefix}-spin:before, .@{dtdicon-css-prefix}-spin:before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}

@import "./icons";
@import "./dtdicons";