LESS css loop example

loop.less

.loop (0) {}
.loop (@index) when (@index > 0) {
  .classname-@{index} {
    top: @index * 1px;
  }
  .loop (@index - 1);
}
 
#example {
  .loop(5);
}

output.css

#example .classname-5 {
  top: 5px;
}
#example .classname-4 {
  top: 4px;
}
#example .classname-3 {
  top: 3px;
}
#example .classname-2 {
  top: 2px;
}
#example .classname-1 {
  top: 1px;
}