Tailwind CSS v3.3 уже здесь — он содержит множество новых функций, о которых люди давно просили, и множество новых вещей, о которых вы даже не подозревали.
- Расширенная цветовая палитра для более тёмных оттенков: Новые более тёмные 950 оттенков для каждого цвета.
- Поддержка ESM и TypeScript: Пишите файл конфигурации с помощью ESM или TypeScript.
- Упрощённая поддержка RTL с логическими свойствами: Создавайте макеты, которые адаптируются к различным направлениям письма.
- Точная настройка цветовых границ градиента: Укажите, где именно вы хотите, чтобы находилась каждая точка цвета.
- line-clamp из коробки: Обрезайте многострочный текст без плагина.
- Новый модификатор line-height: Установите font-size и line-height с помощью одного класса.
- Переменные CSS без var(): Новый сокращённый синтаксис для произвольных значений.
- Конфигурируемые font-variation-settings: Встроенные непосредственно в ваши font-* утилиты.
- Новые утилиты list-style-image: Таким образом, вы можете ужасные картинки для маркеров списков.
- Новые утилиты hyphens: Для точной настройки расстановки переносов.
- Новые утилиты caption-side: Стильно подписывайте свои таблицы.
Это о самых интересных вещах, но ознакомьтесь с примечанием к выпуску, если вас интересует полный список всех небольших улучшений, которые мы сделали с момента последнего выпуска.
Обновить свои проекты так же просто, как установить последнюю версию tailwindcss из npm:
npm install -D tailwindcss@latest
Вы также можете попробовать все новые возможности в Tailwind Play, прямо в браузере.
Читать статью полностью: Tailwind CSS v 3.3: Новые возможности
