LESS | items delay animation mixin

anim.less

.each-anim(@tag, @animationDuration: 1s, @animationDelay: 0.1s ) {
	.@{tag} {
	  opacity: 0;
	  .rotateX(-90deg); //transform: rotateX(-90deg);
	  .transition(all 0.5s ease-out); //anim 
 	}
  // after load -> $('body').addClass('loaded');
	body.loaded & .@{tag} {
	  opacity: 1;
	  transform: none;
	}
	//animation delay
  body.loaded & .@{tag} {
    .animation (50);
    .animation(@n, @i: 1) when (@i =< @n) {
        &:nth-child(@{i}) {
          .transition-delay(@i * @animationDelay);
          //z-index: @i;
          z-index: 0;
        }
        .animation(@n, (@i + 1));
    }
  }
}