Независимый переход через полные строки диапазона столбцов в сетке независимо от исходного порядка

Я использую сингулярность в качестве своей системы сетки, и мне очень нравится гибкость, но я столкнулся с довольно уникальной ситуацией, и я не уверен, подходит ли сингулярность (или любая другая система сетки)

У меня есть строка, охватывающая всю ширину столбца, которая разбивает часть заголовка и часть содержимого документа. Существует элемент div.b, который находится над полосами полного столбца рядом с div.a в более крупном макете. Но в макете среднего размера и ниже этот элемент находится ниже строки полного диапазона. Вот исходный порядок и желаемый результат, показанные с использованием макета из 10 столбцов для простоты.

Исходный заказ

div.a
div.b
div.c
div.d
div.e
div.f
div.g
div.h

Большой макет Большой макет в сетке

Средний макет введите здесь описание изображения

Заранее спасибо за любую помощь и ++ создателям системы сетки


singularitygs
person Hache    schedule 16.04.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Интересный вариант использования. Честно говоря, это будет довольно сложно, пока не появится сетка CSS. В то время как Singularity может обрабатывать любой порядок по горизонтали, вертикальное переупорядочение, такое как «D» и «G», будет сложным. Может быть разумное использование поплавков, чтобы заставить это работать, но, вероятно, это будет больше ручная манипуляция элементами, чем чистая магия Сингулярности.

person scottkellum    schedule 16.04.2013
comment
Спасибо за вклад, Скотт, я думаю, что укладка D и G менее проблематична, чем перепрыгивание через полный элемент диапазона столбцов. Я согласен, что это могло бы помочь, когда макеты сетки станут доступны. А тем временем я мог бы решить, сохраняя ряды, через которые нужно перепрыгнуть, независимо от сетки. - person Hache; 17.04.2013
comment
В этом случае я сделал быстрый пример того, как сделать большой макет: codepen.io/scottkellum/pen /gCeaF — объединение вертикально расположенных столбцов. Поскольку в средней раскладке гораздо больше вертикальной реорганизации, я не пытался. - person scottkellum; 17.04.2013