/* @docs */
$icon-spin-duration: 2s !default;
/* @docs */

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


.icon.is-spin {
  animation-name: icon-spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: $icon-spin-duration;
}