Used in conjunction with the plugin postcss-for
DEPRECATED, use postcss-at-rules-variables
/* Input example */
:root {
--from: 1;
--to: 3
}
@for $i from var(--from) to var(--to) {
.icon-$i { ... }
}
/* Output example */
:root {
--from: 1;
--to: 3
}
.icon-1 { ... }
.icon-2 { ... }
.icon-3 { ... }
Use postcss-for-variables before postcss-for
postcss([ require('postcss-for-variables'), require('postcss-for') ])
See PostCSS docs for examples for your environment.