●Change8

v4.2.0

📦 tailwind-cssView on GitHub →
✨ 11 features🐛 14 fixes⚡ 1 deprecations🔧 30 symbols

Summary

This release introduces extensive new utilities based on block/inline logical properties and adds the `@tailwindcss/webpack` package. It also deprecates the older `start-*` and `end-*` utilities in favor of the new logical counterparts.

Migration Steps

  1. Replace usage of deprecated `start-*` and `end-*` utilities with the new `inline-s-*` and `inline-e-*` equivalents, respectively.

✨ New Features

  • Add mauve, olive, mist, and taupe color palettes to the default theme.
  • Add `@tailwindcss/webpack` package to run Tailwind CSS as a webpack plugin.
  • Add `pbs-*` and `pbe-*` utilities for `padding-block-start` and `padding-block-end`.
  • Add `mbs-*` and `mbe-*` utilities for `margin-block-start` and `margin-block-end`.
  • Add `scroll-pbs-*` and `scroll-pbe-*` utilities for `scroll-padding-block-start` and `scroll-padding-block-end`.
  • Add `scroll-mbs-*` and `scroll-mbe-*` utilities for `scroll-margin-block-start` and `scroll-margin-block-end`.
  • Add `border-bs-*` and `border-be-*` utilities for `border-block-start` and `border-block-end`.
  • Add `inline-*`, `min-inline-*`, `max-inline-*` utilities for `inline-size`, `min-inline-size`, and `max-inline-size`.
  • Add `block-*`, `min-block-*`, `max-block-*` utilities for `block-size`, `min-block-size`, and `max-block-size`.
  • Add `inset-s-*`, `inset-e-*`, `inset-bs-*`, `inset-be-*` utilities for `inset-inline-start`, `inset-inline-end`, `inset-block-start`, and `inset-block-end`.
  • Add `font-features-*` utility for `font-feature-settings`.

🐛 Bug Fixes

  • Prevent double `@supports` wrapper for `color-mix` values.
  • Allow whitespace around `@source inline()` argument.
  • Emit comment when source maps are saved to files when using `@tailwindcss/cli`.
  • Detect utilities containing capital letters followed by numbers.
  • Fix class extraction for Rails' strict locals.
  • Align `@utility` name validation with Oxide scanner rules.
  • Fix infinite loop when using `@variant` inside `@custom-variant`.
  • Allow multiples of `.25` in `aspect-*` fractions (e.g. `aspect-8.5/11`).
  • Ensure changes to external files listed via `@source` trigger a full page reload when using `@tailwindcss/vite`.
  • Improve performance of Oxide scanner in bigger projects by reducing file system walks.
  • Ensure import aliases in Astro v5 work without crashing when using `@tailwindcss/vite`.
  • Allow escape characters in `@utility` names to improve support with formatters such as Biome.
  • Fix incorrect canonicalization results when canonicalizing multiple times.
  • Add `.jj` to default ignored content directories.

Affected Symbols

pbs-*pbe-*mbs-*mbe-*scroll-pbs-*scroll-pbe-*scroll-mbs-*scroll-mbe-*border-bs-*border-be-*inline-*min-inline-*max-inline-*block-*min-block-*max-block-*inset-s-*inset-e-*inset-bs-*inset-be-*font-features-*start-*end-*inline-s-*inline-e-*@tailwindcss/webpack@source inline()@variant@custom-variantaspect-*

⚡ Deprecations

  • Deprecate `start-*` and `end-*` utilities in favor of `inline-s-*` and `inline-e-*` utilities.