DenVdmj
@DenVdmj
Javascript, Perl, Lua, etc.

Какие CSS-препроцессоры поддерживают map в произвольном месте CSS?

Какие препроцессоры CSS позволяют использовать циклы (желательно, вообще, map) в произвольном месте CSS, например, в нативных CSS функциях?
Допустим, чтобы такое:
background: linear-gradient(90deg, @map (hsl(60 * x % 360, 100%, 50%) 100% / 6 * x) 0 .. 6);

разворачивалось в следующее:
background: linear-gradient(90deg,
    hsl(0, 100%, 50%) 0%,
    hsl(60, 100%, 50%) 16.6666666666667%,
    hsl(120, 100%, 50%) 33.3333333333333%,
    hsl(180, 100%, 50%) 50%,
    hsl(240, 100%, 50%) 66.6666666666667%,
    hsl(300, 100%, 50%) 83.3333333333333%,
    hsl(0, 100%, 50%) 100%
  )
/* сгенерировано:
print qq(
  background: linear-gradient(90deg,
    @{[(join ",\n    ", map {qq(hsl(@{[60 * $_ % 360]}, 100%, 50%) @{[100 / 6 * $_]}%)} 0 .. 6)]}
  )
)
*/

Позволяет ли PostCSS реализовать такую возможность?
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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