Как в less сделал арифметическую прогрессию?

Question

[Пётр]

.style{
  position: absolute;
  &-1{
    left: 65px;
  }
  &-2{
    left: 80px;
  }
  &-3{
    left: 95px;
  }
}

У каждого элемента идет сдвиг на 15px. Руками прописывать как-то не красиво, а как задать увеличение на 15 я не понял.
Это вообще возможно сделать в less? Если да, то как?

Answer 1

[Ivan Bogachev]

.generate-styles(3);

.generate-styles(@n, @i: 1) when (@i =< @n) {
  .style-@{i} {
    left: 50px + @i * 15px;
  }
  .generate-styles(@n, (@i + 1));
}

На выходе даст это:

.style-1 {
  left: 65px;
}
.style-2 {
  left: 80px;
}
.style-3 {
  left: 95px;
}

Comments

[Пётр]

Спасибо!!!