Гриды 2 уровня не за горами!
По инсайдерской информации из W3C, просочившейся наружу в виде твита Рейчел Эндрю, рабочая группа CSS решила опубликовать первый рабочий черновик CSS-гридов второго уровня. С долгожданными подсетками и не только!
Пока CSS-гриды второго уровня существуют только в виде редакторского… даже не черновика, а «неофициального предложения», сборника набросков «идей на будущее». Зато вариантов синтаксиса для подсеток в нем целых 2, включая гибкую возможность создавать подсетки только по одной оси — только вдоль рядов или только вдоль колонок. Еще в числе этих неофициальных набросков — интересная идея грид-интервалов, сохраняющих свои пропорции. А тема пропорций в эти дни вообще была популярна.
Ведь на днях наконец разрешилась давняя загвоздка, давно раздражавшая нас и в гридах, и во флексбоксах — неопределенность поведения вертикальных отступов в процентах для элементов: одни браузеры отсчитывали их от высоты флекс-контейнера или грид-области, а другие — от ширины (как для блоков).
После очень долгих споров браузеры первой группы сдались. Теперь все браузеры будут осчитывать отступы от ширины, и это утверждено в текущих редакторских черновиках стандарта. Во-первых, потому что по статистике чаще всего такие отступы нужны для хаков с сохранением пропорций типа такого, а во-вторых… потому что так делал Chrome:). Но идея специального свойства или отдельной единицы измерения для пропорций не раз всплывала в обсуждении, вряд ли ее теперь насовсем забросят. Оставайтесь на связи!
Добавлено 06.02.2018: и первый публичный черновик гридов 2 уровня опубликован!
P.S. А пока разработчики стандарта еще прорабатывают идею подсеток, рекомендуем готовиться к самой удачной на сегодняшний день замене для них — display:contents. Вот-вот выйдут Chrome 65 и Safari 11.3 с его поддержкой!
P.S. Это тоже может быть интересно: