История
обновлений
Системы дизайна с характером. Прозрачная хронология развития Zenvy: от базовых сеток до сложных интерактивных систем.
Версия 1.4.0
Расширение сетки
Добавлены утилитарные классы .zenvy-col-4 и .zenvy-col-5. Теперь можно создавать плотные таблицы данных без написания кастомного CSS. Поддержка minmax() улучшена для экранов шириной менее 768px.
Новая палитра
В палитру добавлены 3 оттенка «Industrial Grey» (#A8A29E, #78716C, #44403C) для более глубокой иерархии текста. Переписаны переменные цветов в CSS-файле для удобства кастомизации.
Кнопки и состояние
Переписаны состояния :hover и :active для .zenvy-btn. Добавлен эффект жесткой тени (hard shadow) при наведении, который смещается на 4px.
Мобильная адаптация
Исправлены отступы в .zenvy-wrap на мобильных устройствах. Теперь контент не прилипает к краям экрана на iPhone 14 Pro и устройствах с Dynamic Island.
Предыдущие релизы
Исправление типографики
Убран лишний letter-spacing в заголовках H3-H6. Оптимизирована загрузка шрифта Space Grotesk через Google Fonts API.
Введение компонентов
Первое появление классов .zenvy-card и .zenvy-stat. Добавлена базовая система бейджей .h-eyebrow.
Система сетки
Реализована основа CSS Grid. Добавлены классы .zenvy-col-2 и .zenvy-col-3. Настроены медиа-запросы для планшета (900px).
Alpha Release
Начало пути. Базовый сброс стилей, определение цветов #1C1917 и #D3F261, подключение шрифтов Inter и Space Grotesk.
Известные проблемы
Мы стремимся к совершенству, но в текущей версии v1.4.0 есть несколько технических ограничений, о которых следует знать разработчикам.
IE11 Support
CSS Grid не поддерживается в Internet Explorer 11. Для поддержки устаревших браузеров используйте полифил css-grid-polyfill или Flexbox-фолбек, описанный в документации.
Скроллбар Safari
На macOS Safari скроллбар может перекрывать контент в модальных окнах из-за ширины 15px. Рекомендуется добавлять padding-right: 15px для контейнеров с переполнением.