Используйте переменные CSS в итерации препроцессора CSS - стилус

Question

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables

Например: препроцессор CSS, как стилус:

// want to use this css variable
:root {
  --i-menu-count: 5
}

$item-count = 5
for $i in (1..$item-count) {
  .menu:nth-child({$i}) .menu-title {
    transform: rotate(-180deg / ($item-count - 1) * ($i - 1))
  }
}

Можно ли использовать переменные css --i-menu-count для замены $item-count в итерации?

Answer 1

Я не уверен, но - является оператором, если имя вашей переменной начинается с -- ошибка выброса парсера

Предлагаю вам объявить счет в стилусе

как

item-count = 5

for i in (1..item-count)
    .menu:nth-child({i}) .menu-title {
       transform: rotate(-180deg / (item-count - 1) * (i - 1))
    }