我有10个深度元素。在每一步(深度)我想做更大的填充。因此,第一个元素将是0px另一个20px另一个40px ......等等。第一个选择器很简单,第二个必须在第一个之下,但是它非常相同...请看下面的代码我想要进入sass:
.folder-list-item {
.padding-icon {
padding-left: 0px;
}
.folder-list-item {
.padding-icon {
padding-left: 20px;
}
.folder-list-item {
.padding-icon {
padding-left: 40px;
}
.....
.folder-list-item {
.padding-icon {
padding-left: n*20px;
}
}
}
}
}
我如何在SASS中创建它(当然我不想手动创建它)?