@import 'mixins';

@include exports('spark-icons-animated') {
  .#{$icon-css-prefix} {
    &-spin {
      -webkit-animation: icon-spin 2s infinite linear;
      animation: icon-spin 2s infinite linear;
    }

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

  @-webkit-keyframes icon-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

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

  @keyframes icon-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

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