Какие препроцессоры 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 реализовать такую возможность?