CodePen Embed - less loop

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

@iterations: 15;

.mixin-loop (@i) when (@i > 0) {
  div:nth-child(@{i}):after {
    content: "@{i}";
  }
  .mixin-loop(@i - 1);
}

.mixin-loop(@iterations);


body {
  display: flex;
}
div {
  width: 30px;
  height: 30px;
  margin: 10px 5px;
  text-align: center;
  border: 1px solid #999;
  font-size: 15px;
  line-height: 30px;
}

View Compiled

This Pen is owned by jaeheekim on CodePen.

See more by @jaehee on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.