使用Neat网格使列顺序与源订单不同？

Question

我使用整洁的网格框架为波旁威士忌。如何为源顺序设置不同的列？

因此，在下面的示例中，testB以源顺序出现在testC之前。但我希望左手栏是testC，右手栏是testB。

.testA {
  @include outer-container;
}

.testB {
  @include span-columns(6);
  @include shift(6);
}

.testC {
  @include span-columns(6);
  @include shift(-6);
}

<div class="testA">
    <div class="testB">1</div>
    <div class="testC">2</div>
</div>

我需要这个：

我已经得到了它，但我不确定这是否是正确的方法：

.testA {
  @include outer-container;
}

.testB {
  @include span-columns(6);
  @include shift(6 of 12);
}

.testC {
  @include span-columns(6);
  @include shift(-12 of 12);
}

所以第一列向右移6行，这对我来说很有意义。然后第二列现在需要向左移动12（从其起始位置开始移动6，并且现在第二列移动到第一列）。

我找不到任何关于这样做的官方文件。有人可以证实这是正确的而不是黑客攻击吗？

Answer 1

在@include方向上下文（从右到左）{}中包裹块并删除shift

@include direction-context(right-to-left) {
 .testB {  @include span-columns(6); }
 .testC {  @include span-columns(6); }
}

如果它无法开始播放span列 - 添加.testC 5而不是6列。