Как получить «сетку укладки» в Susy (столбец поверх другого)

Question

Являясь совершенно новым для подозрительного и отзывчивого веб-дизайна, я пытаюсь понять, как получить этот результат с Susy (сетка, которую я выбрал) : http://semantic.gs/examples/responsive/responsive.html

Я не могу найти способ, чтобы достичь того же результата, так что я начал спрашивать себя, если Susy предназначен для избегать, что способ обработки сетки макета.

Я хотел бы знать, можно ли получить этот результат (и как), или, в противном случае, если Susy не предназначен для этого типа сетки.

Благодаря

Answer 1

Susy разработан, чтобы позволить вам решить, как работать ваши сети, и как они меняются. То, что вам нужно, - это простой шаблон для мобильного телефона - очень легко с Susy. Складная часть автоматически: стек блоков элементов по умолчанию - вам даже не нужна Susy. Вам нужно только Susy над определенной точкой останова. Для этого вы можете использовать at-breakpoint:

// your small screen layout 

@include at-breakpoint($total-columns) { 
    // your large-screen layout 
} 

Проверьте Susy Docs для получения более подробной информации о том, что все, что вы можете сделать. Для этого есть a demo.