Задать вопрос
AlekseyPavlov
@AlekseyPavlov
погромист

Как обойти ограничения при использовании рекурсии в less*?

Просто скажите, можно ли обойти ограничения рекурсии. Если да, то как?
*На codepen:
@num: 1;
.mixin() when (@num =< 100) {
  #square-@{num} {
    animation-delay: @num;
  }
  @num: @num + 1;
}
  .mixin();
  • Вопрос задан
  • 63 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
https://codepen.io/paulradzkov/pen/vjEdbM

Вместо рекурсивного определения переменной, рекурсивно вызываем миксин:

@num: 100;
.mixin(@num) when (@num > 0) {
  .mixin(@num - 1);
  .square-@{num} {
    animation-delay: @num;
  }
}
.mixin(@num);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы