3列到2列堆叠布局w/ Susy (EG twitter)

Question

我和Susy一起工作了一段时间，遇到了一个我似乎无法理解的用例。最好的解释方式就是以Twitter为例。

如果你看他们的网站，你会发现他们使用三列标准布局，断点在1250。到达这个点之后，整个最右边的列3放到列1下面。

如何在Susy 2中使用纯CSS完成?当我看twitter的时候，他们似乎把内容从第三栏移到了第一栏。我假设这都是用JS完成的，但我宁愿做得更干净一点。想法吗?

Answer 1

看起来就像使用断点作为我的列的另一个mixin一样简单。我只是添加了

@import "breakpoint";
@include breakpoint (new screen size here) {
.right span (5 of 13);
.left span (8 of 13 last);
.middle span (5 of 13);
}