Нужно сделать 100 классов в каждом изменения на 1%, как лучше сделать?

Question

[freeman0204]

Нужно сделать 100 классов в каждом изменения на 1% типа
.rec1 {padding: 1px}
.rec2 {padding: 2px}
это например, js нельзя использовать. Как это на sass можно сделать с переменными и подобным?

Comments

[sim3x]

Зачем?

[freeman0204]

sim3x, Нужно сделать круг заполнения от 0 до 100% пока не известно нужен ли js на этом сайте, поэтому делаю так. Круг

[tyzberd]

https://stackoverflow.com/questions/18835477/drawi...

Answer 1

[Антон Спирин]

@for $i from 1 through 100 {
  .rec#{$i} {
    padding: #{$i}px;
  }
}