mall-front-app/sheep/scss/icon/_style.scss

@import './icon'; //核心图标库
@import './coloricon'; //扩展图标库
@import './sheepicon';
.icon-spin {
  animation: icon-spin 2s infinite linear;
}

.icon-pulse {
  animation: icon-spin 1s infinite steps(8);
}

@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-90 {
  transform: rotate(90deg);
}
.icon-180 {
  transform: rotate(180deg);
}
.icon-270 {
  transform: rotate(270deg);
}
.icon-x {
  transform: scale(-1, 1);
}
.icon-y {
  transform: scale(1, -1);
}
.icon-fw {
  width: calc(18em / 14);
  text-align: center;
}
@each $class, $value in $iconsize {
  .icon-#{$class} {
    transform: scale(#{$value});
  }
}