Less - определение рекурсивной переменной для @variable - PullRequest
Новая
       2

Less - определение рекурсивной переменной для @variable

0 голосов
/ 31 марта 2020

У меня есть scss код: 

$val: 5px 0 0 $shadow-size $background-slider;
@for $i from 6 through $slider-width-number {
  $val: #{$val}, #{$i}px 0 0 $shadow-size #{$background-slider};
}
box-shadow: $val;

, который работает хорошо.

Я пытаюсь преобразовать этот код в less. Я написал этот код: 

@val: 5px 0 0 @shadow-size @background-slider;
.loop(@counter) when (@counter < @slider-width-number) {
  @val: @val, ~"@{counter}px" 0 0 @shadow-size @background-slider;
  .loop(@counter + 1);
}
.loop(6);

box-shadow: @val;

Я попытался запустить этот код в codepen, и там написано Recursive variable definition for @val.

Я не смог найти никаких полезных примеров, чтобы понять это.

Другие определения переменных: 

@shadow-size: -8px;
@slider-width-number: 240;
@background-slider: #c7c7c7;

Заранее спасибо!

...