What is the difference between Tailwind CSS v3 and v4?

Некоторые различия между Tailwind CSS v3 и v4:

• Импорт. tailwindcss.com В v4 Tailwind импортируется с помощью обычной команды CSS @import, а не директив @tailwind, как в v3. tailwindcss.com
• Утилиты. tailwindcss.com daily.dev В v4 удалены устаревшие утилиты, которые были недокументированы несколько лет. tailwindcss.com
• Переменные CSS. tailwindcss.com tailwindcss.ru В v4 синтаксис для использования переменных CSS в произвольных значениях изменён: теперь используются круглые скобки вместо квадратных. tailwindcss.ru
• Стили наведения на мобильных устройствах. tailwindcss.com tailwindcss.ru В v4 вариант hover применяется только тогда, когда основное устройство ввода поддерживает наведение. tailwindcss.ru
• Значения темы в JavaScript. tailwindcss.com В v3 экспортировалась функция resolveConfig, которая позволяла преобразовать конфигурацию на основе JavaScript в плоский объект, но в v4 её удалили. tailwindcss.com

Кроме того, в v4 есть такие особенности, как новый высокопроизводительный движок, автоматическое обнаружение источников и унифицированная цепочка инструментов. peerlist.io daily.dev