postcss-for-variables
v0.0.5
Published
PostCss plugin to use CSS Custom Properties in at-rule @for
Downloads
11
Maintainers
Readme
PostCSS For Plugin
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 { ... }
Usage
Use postcss-for-variables before postcss-for
postcss([ require('postcss-for-variables'), require('postcss-for') ])
See PostCSS docs for examples for your environment.