如何使用for循环减少嵌套结构

时间:2017-10-14 12:48:53

标签: less

我希望通过少量代码生成的css代码

这里我使用较少的mixin函数请建议如何实现这一点。 索引顺序也是最大到最小,所以如何从0到最大迭代。

// css code 

    .folder .folder-row {
  padding-left: 20px;
}
.folder .folder .folder-row {
  padding-left: 40px;
}
.folder .folder .folder .folder-row {
  padding-left: 60px;
}
.folder .folder .folder .folder .folder-row {
  padding-left: 80px;
}
.folder .folder .folder .folder .folder .folder-row {
  padding-left: 100px;
}
    // less code
           .loop (@index) when (@index > 0) {
                .folder {
                  .folder-row{
                  padding-left: @index * 20px;
                }
              } 
              .loop (@index - 1);
            }

            .folder {
              .loop(5);
            }

0 个答案:

没有答案