css - LESS CSS でネストされたループを作成するにはどうすればよいですか?

Question

私が知っているのは、次のことです。

@iterations: 8;
.mixin-loop (@index) when (@index > 0) {

  .my-class-@{index} {
     width: (100% / @index);
  }

  .mixin-loop(@index - 1);
}
.mixin-loop (0) {}
.mixin-loop(@iterations);

…結果は次のようになります。

.my-class-8{width:12.5%}
.my-class-7{width:14.285714285714286%}
.my-class-6{width:16.666666666666668%}
.my-class-5{width:20%}
.my-class-4{width:25%}
.my-class-3{width:33.333333333333336%}
.my-class-2{width:50%}
.my-class-1{width:100%}

… 以下の LESS に相当するものにします。

for (var i = 8; i > 0; -- i) {
  // …
}

私の質問は次のとおりです。LESSに相当するものは次のとおりです。

for (var i = 8; i > 0; -- i) {
  for (var j = 4; j > 0; -- j) {
    // …
  }
}

… のように見える？