我希望通过少量代码生成的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);
}