CSS → Tailwind

Не все. Tailwind покрывает большинство типичных задач: отступы, цвета, типографику, flex, grid, тени. Сложные значения, кастомные анимации и редкие свойства потребуют @apply или произвольных значений в квадратных скобках, например arbitrary-[#1a1a1a].

Медиа-запросы преобразуются в responsive-префиксы Tailwind: sm:, md:, lg:, xl:, 2xl:. Например, @media (min-width: 768px) { .foo { padding: 1rem } } станет md:p-4. Конвертер пытается сопоставить брейкпоинты с дефолтными значениями Tailwind.

Tailwind использует модификаторы: hover:, focus:, active:, disabled:. Конвертер преобразует :hover в hover:, :focus в focus:. Для вложенных селекторов может потребоваться group/group-hover или ручная доработка.

Да. Базовый синтаксис классов в v4 совместим. Если проект использует CSS-first конфигурацию или кастомные темы, проверьте соответствие имён классов и токенов в документации Tailwind v4.