← Документация Griffincss

Потоковая раскладка

Потоковый режим включён

Сервер отдаёт эту страницу порциями с паузой — так же, как её отдавала бы медленная сеть. Каждый контейнер раскладывается в тот момент, когда парсер его создал: data-gr-layout приходит вместе с открывающим тегом, ждать конца документа незачем. Цифра рядом с заголовком — время прибытия порции от начала разбора.

Сравнение: та же страница с data-stream="false" — там контейнеры ждут DOMContentLoaded и появляются разом, в конце загрузки.

Порция 1

A
B
C
D

Порция 2

A
B
C
D
E

Порция 3 — адаптивная раскладка

A
B
C

Порция 4

A
B
C

Порция 5 — каскад скруглений


Явный радиус задан только внешнему контейнеру. Остальные три уровня выводит рантайм утилит: 64px → 52 → 44 → 36, вычитая зазор каждого уровня. Каждый уровень скругляется в момент, когда парсер его создал.

радиус выведен из предков