grid - 列の行で「@include media」を使用すると、バーボンニートのシフトが台無しになります

Question

このかなり苛立たしいエラーが発生しました-私のコードが

benefits {
@include outer-container;

.benefit_text {
    @include span-columns(4);
    @include shift(2);
}

.benefit_list {
    @include omega();
    @include span-columns(4);

}

.testing {
    @include shift(2);
    @include span-columns(8);
    @include omega();
}


}

ただし、メディアブレークポイントを追加しようとすると、配置は本来あるべきものになります。

benefits {
@include outer-container;

.benefit_text {
    @include span-columns(4);
    @include shift(2);
    @include media($tablet) {
        @include span-columns(9);
        @include shift(0);
    }
}

.benefit_list {
    @include omega();
    @include span-columns(4);
    @include media($tablet) {
        @include span-columns(9);
    }
}

.testing {
    @include shift(2);
    @include span-columns(8);
    @include omega();
}

}

最後の div の配置が何らかの理由で外れます (約 1.5 列が多すぎます) $tablet ブレークポイント (768px) に到達すると問題なく列がドロップされるように見えますが、これは大画面で発生します、 9)

http://neat.bourbon.io/examples/の例は、サイズ変更時に列が全幅にドロップする方法に対応していないためイライラします (特に複数の行がある例)。2 つの列を行にラップしようとしました。ラッパーを使用してラッパーにシフトを適用しますが、これは代わりに2つの列を一緒に圧迫しているようです。