3列到2列堆叠布局w / Susy（EG twitter）

Question

我已经和Susy一起工作了一段时间，并遇到了一个我似乎无法弄清楚的用例。解释它的最好方法是使用Twitter作为例子。

如果您查看他们的网站，您会看到他们使用三列标准布局，断点位于1250.达到该点后，整个最右侧第3列位于第1列下方。

如何在Susy 2中使用纯CSS完成这项工作？当我看到twitter时，似乎他们正在将内容从第3列移动到第1列。我假设这完全是用JS完成的，但是id更确切地说它更干净了。想法？

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);
}