Tailwind CSS Versions Save

We just released Tailwind CSS v3.2! Read the announcement post for more details about the most exciting new features.

Added

• Add new @config directive (#9405)
• Add new relative: true option to resolve content paths relative to the config file (#9396)
• Add new supports-* variant (#9453)
• Add new min-* and max-* variants (#9558)
• Add new aria-* variants (#9557, #9588)
• Add new data-* variants (#9559, #9588)
• Add new break-keep utility for word-break: keep-all (#9393)
• Add new collapse utility for visibility: collapse (#9181)
• Add new fill-none utility for fill: none (#9403)
• Add new stroke-none utility for stroke: none (#9403)
• Add new place-content-baseline utility for place-content: baseline (#9498)
• Add new place-items-baseline utility for place-items: baseline (#9507)
• Add new content-baseline utility for align-content: baseline (#9507)
• Add support for configuring default font-feature-settings for a font family (#9039)
• Add standalone CLI build for 32-bit Linux on ARM (node16-linux-armv7) (#9084)
• Add future flag to disable color opacity utility plugins (#9088)
• Add negative value support for outline-offset (#9136)
• Add support for modifiers to matchUtilities (#9541)
• Allow negating utilities using min/max/clamp (#9237)
• Implement fallback plugins when there is ambiguity between plugins when using arbitrary values (#9376)
• Support sort function in matchVariant (#9423)
• Upgrade to postcss-nested v6.0 (#9546)

Fixed

• Use absolute paths when resolving changed files for resilience against working directory changes (#9032)
• Fix ring color utility generation when using respectDefaultRingColorOpacity (#9070)
• Sort tags before classes when @apply-ing a selector with joined classes (#9107)
• Remove invalid outline-hidden utility (#9147)
• Honor the hidden attribute on elements in preflight (#9174)
• Don't stop watching atomically renamed files (#9173, #9215)
• Fix duplicate utilities issue causing memory leaks (#9208)
• Fix fontFamily config TypeScript types (#9214)
• Handle variants on complex selector utilities (#9262)
• Fix shared config mutation issue (#9294)
• Fix ordering of parallel variants (#9282)
• Handle variants in utility selectors using :where() and :has() (#9309)
• Improve data type analysis for arbitrary values (#9320)
• Don't emit generated utilities with invalid uses of theme functions (#9319)
• Revert change that only listened for stdin close on TTYs (#9331)
• Ignore unset values (like null or undefined) when resolving the classList for intellisense (#9385)
• Improve type checking for formal syntax (#9349, #9448)
• Fix incorrect required content key in custom plugin configs (#9502, #9545)
• Fix content path detection on Windows (#9569)
• Ensure --content is used in the CLI when passed (#9587)

Fixed

• Don’t prefix classes within reused arbitrary variants (#8992)
• Fix usage of alpha values inside single-named colors that are functions (#9008)
• Fix @apply of user utilities when negative and non-negative versions both exist (#9027)

Fixed

• Don't rewrite source maps for @layer rules (#8971)

Added

• Added types for resolveConfig (#8924)

Fixed

• Fix usage on Node 12.x (b4e637e)
• Handle theme keys with slashes when using theme() in CSS (#8831)

Added

• Support configuring a default font-weight for each font size utility (#8763)
• Add support for alpha values in safe list (#8774)

Fixed

• Improve types to support fallback values in the CSS-in-JS syntax used in plugin APIs (#8762)
• Support including tailwindcss and autoprefixer in postcss.config.js in standalone CLI (#8769)
• Fix using special-characters as prefixes (#8772)
• Don’t prefix classes used within arbitrary variants (#8773)
• Add more explicit types for the default theme (#8780)

Fixed

• Provide default to <alpha-value> when using theme() (#8652)
• Detect arbitrary variants with quotes (#8687)
• Don’t add spaces around raw / that are preceded by numbers (#8688)

Fixed

• Fix extraction of multi-word utilities with arbitrary values and quotes (#8604)
• Fix casing of import of corePluginList type definition (#8587)
• Ignore PostCSS nodes returned by addVariant (#8608)
• Fix missing spaces around arithmetic operators (#8615)
• Detect alpha value in CSS theme() function when using quotes (#8625)
• Fix "Maximum call stack size exceeded" bug (#8636)
• Allow functions returning parallel variants to mutate the container (#8622)
• Remove text opacity CSS variables from ::marker (#8622)

Fixed

• Ensure \ is a valid arbitrary variant token (#8576)
• Enable postcss-import in the CLI by default in watch mode (#8574, #8580)

Fixed

• Fix candidate extractor regression (#8558)
• Split ::backdrop into separate defaults group (#8567)
• Fix postcss plugin type (#8564)
• Fix class detection in markdown code fences and slim templates (#8569)

We just released Tailwind CSS v3.1 — the first new feature release since v3.0 came out last year!

Read the announcement post for all the details, and watch the YouTube video for a tour of some of the highlights.

Added

• Support PostCSS Document nodes (#7291)
• Add text-start and text-end utilities (#6656)
• Support customizing class name when using darkMode: 'class' (#5800)
• Add --poll option to the CLI (#7725)
• Add new border-spacing utilities (#7102)
• Add enabled variant (#7905)
• Add TypeScript types for the tailwind.config.js file (#7891)
• Add backdrop variant (#7924, #8526)
• Add grid-flow-dense utility (#8193)
• Add mix-blend-plus-lighter utility (#8288)
• Add arbitrary variants (#8299)
• Add experimental matchVariant API (#8310, 34fd0fb8)
• Add prefers-contrast media query variants (#8410)
• Add opacity support when referencing colors with theme function (#8416)
• Add postcss-import support to the CLI (#8437)
• Add optional variant (#8486)
• Add <alpha-value> placeholder support for custom colors (#8501)

Fixed

• Types: allow for arbitrary theme values (for 3rd party plugins) (#7926)
• Don’t split vars with numbers in them inside arbitrary values (#8091)
• Require matching prefix when detecting negatives (#8121)
• Handle duplicate At Rules without children (#8122)
• Allow arbitrary values with commas in @apply (#8125)
• Fix intellisense for plugins with multiple @apply rules (#8213)
• Improve type detection for arbitrary color values (#8201)
• Support PostCSS config options in config file in CLI (#8226)
• Remove default [hidden] style in preflight (#8248)
• Only check selectors containing base apply candidates for circular dependencies (#8222)
• Rewrite default class extractor (#8204)
• Move important selector to the front when @apply-ing selector-modifying variants in custom utilities (#8313)
• Error when registering an invalid custom variant (#8345)
• Create tailwind.config.cjs file in ESM package when running init (#8363)
• Fix matchVariants that use at-rules and placeholders (#8392)
• Improve types of the tailwindcss/plugin (#8400)
• Allow returning parallel variants from addVariant or matchVariant callback functions (#8455)
• Try using local postcss installation first in the CLI (#8270)
• Allow default ring color to be a function (#7587)
• Don't inherit to value from parent gradients (#8489)
• Remove process dependency from log functions (#8530)
• Ensure we can use @import 'tailwindcss/...' without node_modules (#8537)

Changed

• Only apply hover styles when supported (future) (#8394)
• Respect default ring color opacity (future) (#8448, 3f4005e)