less-loop-2

#rotate(@deg){
    transform: rotate(@deg);
}

@myWiggle:   {
  10% { #rotate(14deg); }  
  100% { #rotate(0deg); }
};



#doKeyFrames(@name; @frames) {
    @keyframes @name {
      @frames(); 
    }
}

#doKeyFrames(wiggle; @myWiggle);


.loop(@counter) when (@counter > 0) {
  .loop((@counter - 1)); 
  // next iteration
  #doKeyFrames(~'wiggle-@{counter}'; @myWiggle); // code for each iteration
}


  .loop(5); // launch the loop






@keyframes wiggle {
  10% {
    transform: rotate(14deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle-1 {
  10% {
    transform: rotate(14deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle-2 {
  10% {
    transform: rotate(14deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle-3 {
  10% {
    transform: rotate(14deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle-4 {
  10% {
    transform: rotate(14deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle-5 {
  10% {
    transform: rotate(14deg);
  }
  100% {
    transform: rotate(0deg);
  }
}