- Updated postcss-simple-vars (by Charles Suh @charlessuh)
- Updated to PostCSS 8 (by Charles Suh @charlessuh)
- Got rid of Babel
Updated to PostCSS 6
Babel packages moved to devDependencies
Updated dependencies
Fixed nodes processing order #17 (by Muhamad Gameel @hexpanic)
Added afterEach
and beforeEach
options to run plugins before and after each iteration (by @GitScrum)
Added support for using parent's variables in a nested loop (by @GitScrum)
Updated dependencies
Updated dependencies
Updated to PostCSS 5
Added multiple variable assignment (by Ryan Tsao @rtsao):
@each $animal, $color in (puma, black), (sea-slug, blue) {
.$(animal)-icon {
background-image: url('/images/$(animal).png');
border: 2px solid $color;
}
}
```css
.puma-icon {
background-image: url('/images/puma.png');
border: 2px solid black;
}
.sea-slug-icon {
background-image: url('/images/sea-slug.png');
border: 2px solid blue;
}
- Translated to ES6
- PostCSS updated
Internal improvements
Added nested iteration (by Ryan Tsao @rtsao)
Fixed #4: Do not search the in
keyword inside vars
Added index iteration (by Anton Winogradov @verybigman):
@each $val, $i in foo, bar {
.icon-$(val) {
background: url("$(val)_$(i).png");
}
}
.icon-foo {
background: url("foo_0.png");
}
.icon-bar {
background: url("bar_1.png");
}
Fixed short vars issue #2
- The code has been cleaned.
- The variables processing code has been replaced with
postcss-simple-vars
.
Initial version