Using @for loop will generate styles w/out component namespacing

[bttf]

With this in styles.scss:

@for $i from 1 through 3 {
  &.column-#{$i} {
    @include column($i, 7, 0);

    display: flex;
    flex-direction: column;
  }
}

Styles that are generated do not have component namespacing (order-confirmation):

Workaround so far is to include @for loop inside of parent selector

[webark]

@bttf didn't know you could do a for loop.. umm.. is that a bad work around..? We currently only ignore media and supports @ rules. https://github.com/topaxi/postcss-selector-namespace/blob/master/lib/plugin.js#L74 But maybe we should add for to the list of @ rules that get ignored.

[webark]

@topaxi what do you think about ignoring the @for rule also? Or what about getting to override the list also?

[topaxi]

@webark released as postcss-selector-namespace@1.3.0 👍

[webark]

@topaxi you are a gentleman and a scholar sir! Thanks for you quick turn around.

[webark]

@bttf version v0.2.12 has been released. I added an acceptance test to ensure that the functionality remains.