Готовьтесь разнообразить свою веб-разработку с помощью последнего релиза Tailwind CSS v3.3! Это обновление предлагает обширную палитру цветов, которая удовлетворит даже самых искушенных дизайнеров. Но это еще не все - наслаждайтесь новой поддержкой ESM/TS, которая сделает ваш рабочий процесс более гладким, чем шелк. И, как если бы этого было мало, теперь вы можете насладиться превосходными свойствами и другими вкусными функциями, которые поднимут ваш веб-сайт на новый уровень. Не упустите этого вкусного обновления - ваши вкусовые рецепторы (и клиенты) будут благодарны вам!

Для начала обновим существующую версию Tailwind до последней:

npm install -D tailwindcss@latest

С новой версией вы можете создать файл конфигурации для TS (или ESM):

npx tailwindcss init --ts

Теперь добавим в палитру красок: к каждому цвету добавлены темные оттенки с индексом -950:

<span class="font-bold text-slate-950">-950 оттенков</span>

Для тех, кто использует опции языка RTL и LTR, жизнь станет проще благодаря тегам ms-3 (margin start) и me-3 (margin end). Те же свойства были добавлены к start-, end-, padding, rounded, border и scroll.