Праздничные новогодние хлопоты не мешают Рабочей группе CSS обновлять спецификации. Накануне нового года вышли три обновленных модуля CSS:

• Значения и единицы 4 уровня (рабочий черновик). Добавлен параграф о вычислении значений типа URL (он унифицирован со спецификацией Fetch, что автоматом снимает вопросы о взаимодействии c CORS и т.п.). Семейство «вьюпортных» единиц (vw, vh…) пополнилось вариантами для большого, маленького и динамического вьюпорта (учитывает скрытие/раскрытие строки адреса и др. панелей мобильных браузеров) и их логическими версиями для разных напралений письма (итого 24 шт. — пожалуй, стоит целой статьи!:), а все шрифтовые единицы (ex, ch, ic, cap, lh) получили свою пару для шрифта корневого элемента, подобно паре em/rem. Все математические функции тоже в силе. Ожидается, что в таком виде этот модуль скоро станет кандидатом в рекомендации. А вот так и не прижившиеся в браузерах функция toggle() и типизированная attr() — увы — отложены на следующий, 5-й уровень.
• Медиавыражения 4 уровня (черновик кандидата в рекомендации, CRD). Отметим новый, непривычный статус — нововведение обновленного рабочего процесса W3С. Есть подозрение, что именно на этом статусе будет происходить всё самое интересное — с одной стороны, он позволяет браузерам смело открывать реализации для широкой аудитории (т.е. огромной армии бета-тестеров:), а с другой — можно смело вносить изменения. Впрочем, в нынешней публикации существенных изменений нет — только «дежурное» уточнение грамматики.
• Медиавыражения 5 уровня (рабочий черновик). Добавлено выражение display-mode, соответствующее значению из манифеста для PWA и аналогов — fullscreen (запущено во весь экран), standalone (имитирует нативное приложение OS), minimal-ui (из браузерных контролов только кнопки вперед-назад и т.п.) и browser (как обычная страница). Особо отмечено, что @media (display-mode: fullscreen) и псевдокласс :fullscreen — разные вещи: первое активируется из манифеста или настроек, а второе — только явным действием пользователя. Также переименованы значения выражения prefers-contrast (more и less вместо старых high и low) и добавлено новое значение custom для явно выбранного набора цветов (на замену бывшему forced). Еще добавлена явная проверка доступности кнопки «Назад» (nav-controls: back или none) и поддержка складных или составных экранов (horizontal-viewport-segments и vertical-viewport-segments). А вот выражения для видео (video-width и т.п.) убрали — их так и не получилось «подружить» с определением пикселя в модуле CSS-единиц.

Ну и в последний день старого года обновился список актуальных модулей CSS (он же девятое официальное определение CSS, сокращенно CSS9 CSS-2021) — исправили ошибку, что один модуль был указан в двух разделах сразу:). Теперь ждем CSS-2022 — будем вместе следить за его новинками!

P.S. Это тоже может быть интересно:

• CSS-выражения от контейнера для дизайнеров
• «Запашки» кода React-компонентов
• CSS4 не будет… потому что он давно прошел. Встречайте «CSS8»!