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

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 version v0.2.12 has been released. I added an acceptance test to ensure that the functionality remains.

[webark]

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