Cacher is the code snippet organizer for pro developers

@animlength: 5;

@from: 1;
@to: 12;

.loop (@index) when (@index =< @to) {
path:nth-of-type(@{index}){
  -webkit-animation-delay: unit((@index/@to)*@animlength, s);
  animation-delay:  unit((@index/@to)*@animlength, s);
}
  .loop(@index + 1);
}

.loop(0) {}

.loop(@from);

path {
  fill:   #000000 !important;
  animation:myfirst unit(@animlength,s);
  -moz-animation:myfirst unit(@animlength,s) infinite; /* Firefox */
  -webkit-animation:myfirst unit(@animlength,s) infinite; /* Safari and Chrome */
}


@-moz-keyframes myfirst /* Firefox */
{
  0%   {fill:red;}
  90%  {fill:yellow;}
  100%   {fill:red;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
  0%   {fill:red;}
  90%  {fill:yellow;}
  100%   {fill:red;}
}