Методика
Конвертер — детерминированный браузерный конвейер:
- Удаление комментариев без выполнения кода.
- Разбор правил селекторов и блоков, включая @media.
- Сопоставление объявлений с известными утилитами Tailwind.
- Arbitrary values для валидных, но вне шкалы длин/цветов.
- Responsive-префиксы для известных min-width breakpoints.
- Заметки о неподдерживаемых at-rules и сбоях маппинга.
Ограничения
- Нет разрешения вычисленных значений CSS-переменных.
- Нет движка раскладки — визуальное равенство не гарантируется.
- Анимации и экзотические селекторы требуют человека.
Методология описывает, что движок считает маппируемым, что оставляет в заметках и чего не выдумывает. Если гайд и конвертер расходятся, побеждает поведение в playground.
Мы обновляем эту страницу при изменении маппинга spacing, типографики, layout, цвета, borders, эффектов или responsive. Дата обзора — не декор, а контракт свежести.
Гайды по группам свойств — для суждения; конвертер — для черновика. Вместе они снижают риск публиковать утилиты вслепую.
- Вход: реальные CSS-сниппеты, не маркетинговые демо.
- Выход: утилиты + заметки, никогда выдуманный «score».
- Ограничения: keyframes, сложные селекторы, редкие media queries.
- Приватность: конвертация в браузере после загрузки JS.