winget install --id TailwindLabs.TailwindCSSAbout Tailwind CSS
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file. It's fast, flexible, and reliable — with zero-runtime.
What's new in 4.3.0
Added - Add @container-size utility (#18901) - Add scrollbar-{auto,thin,none} utilities for scrollbar-width, and scrollbar-thumb-* / scrollbar-track-* color utilities for scrollbar-color (#19981, #20019) - Add scrollbar-gutter-* utilities (#20018) - Add zoom-* utilities (#20020) - Add tab-* utilities (#20022) - Allow using @variant with stacked variants (e.g. @variant hover:focus { … }) (#19996) - Allow using @variant with compound variants (e.g. @variant hover, focus { … }) (#19996) - Support --default(…) in --value(…) and --modifier(…) for functional @utility definitions (#19989) Fixed - Ensure @plugin resolves package JavaScript entries instead of browser CSS entries when using @tailwindcss/vite (#19949) - Fix relative @import and @plugin paths resolving from the wrong directory when using @tailwindcss/vite (#19965) - Ensure CSS files containing @variant are processed by @tailwindcss/vite (#19966) - Resolve imports relative to base when result.opts.from is not provided when using @tailwindcss/postcss (#19980) - Canonicalization: preserve significant _ whitespace in arbitrary values (#19986) - Canonicalization: add parentheses when removing whitespace from arbitrary values would hurt readability (e.g. w-[calc(100%---spacing(60))] → w-[calc(100%-(--spacing(60)))]) (#19986) - Canonicalization: preserve the original unit in arbitrary values instead of normalizing to base units (e.g. -mt-[20in] → mt-[-20in], not mt-[-1920px]) (#19988) - Canonicalization: migrate arbitrary :has() variants from [&:has(…)] to has-[…] (#19991) - Upgrade: don’t migrate inline style attributes (e.g...
Version history
| Version | Updated | Notes |
|---|---|---|
| 4.3.0 | Unknown | Added - Add @container-size utility (#18901) - Add scrollbar-{auto,thin,none} utilities for scrollbar-width, and scrollbar-thumb-* / scrollbar-track-* color utilities for scrollbar-color (#19981, #20019) - Add scrollbar-... |
| 4.2.4 | Unknown | Fixed - Ensure imports in @import and @plugin still resolve correctly when using Vite aliases in @tailwindcss/vite (#19947) |
| 4.2.3 | Unknown | Fixed - Canonicalization: improve canonicalizations for tracking-* utilities by preferring non-negative utilities (e.g. -tracking-tighter → tracking-wider) (#19827) - Fix crash due to invalid characters in candidate (exc... |
| 4.2.2 | Unknown | Fixed - Don't crash when candidates contain prototype properties like row-constructor (#19725) - Canonicalize calc(var(--spacing)*…) expressions into --spacing(…) (#19769) - Fix crash in canonicalization step when handli... |
| 4.2.1 | Unknown | Fixed - Allow trailing dash in functional utility names for backwards compatibility (#19696) - Properly detect classes containing . characters within curly braces in MDX files (#19711) |
| 4.2.0 | Unknown | Added - Add mauve, olive, mist, and taupe color palettes to the default theme (#19627) - Add @tailwindcss/webpack package to run Tailwind CSS as a webpack plugin (#19610) - Add pbs-* and pbe-* utilities for padding-block... |
| 4.1.18 | Unknown | Fixed - Ensure validation of source(…) happens relative to the file it is in (#19274) - Include filename and line numbers in CSS parse errors (#19282) - Skip comments in Ruby files when checking for class names (#19243)... |
| 4.1.17 | Unknown | Fixed - Substitute @variant inside legacy JS APIs (#19263) - Prevent occasional crash on Windows when loaded into a worker thread (#19242) |
| 4.1.16 | Unknown | Fixed - Discard candidates with an empty data type (#19172) - Fix canonicalization of arbitrary variants with attribute selectors (#19176) - Fix invalid colors due to nested & (#19184) - Improve canonicalization for & >... |
| 4.1.15 | Unknown | Fixed - Fix Safari devtools rendering issue due to color-mix fallback (#19069) - Suppress Lightning CSS warnings about :deep, :slotted, and :global (#19094) - Fix resolving theme keys when starting with the name of anoth... |
| 4.1.14 | Unknown | Fixed - Handle ' syntax in ClojureScript when extracting classes (#18888) - Handle @variant inside @custom-variant (#18885) - Merge suggestions when using @utility (#18900) - Ensure that file system watchers created when... |
| 4.1.13 | Unknown | Changed - Drop warning from browser build (#18731) - Drop exact duplicate declarations when emitting CSS (#18809) Fixed - Don't transition visibility when using transition (#18795) - Discard matched variants with unknown... |
| 4.1.12 | Unknown | Fixed - Don't consider the global important state in @apply (#18404) - Add missing suggestions for flex-<number> utilities (#18642) - Fix trailing ) from interfering with extraction in Clojure keywords (#18345) - Detect... |
| 4.1.11 | Unknown | Fixed - Add heuristic to skip candidate migrations inside emit(…) (#18330) - Extract candidates with variants in Clojure/ClojureScript keywords (#18338) - Document --watch=always in the CLI's usage (#18337) - Add support... |
| 4.1.10 | Unknown | Fixed - Fix incorrectly generated CSS when using percentages in arbitrary values with calc (e.g.: w-[calc(100%-var(--offset))]) (#18289) |
| 4.1.9 | Unknown | Fixed - Correctly parse custom properties with strings containing semicolons (#18251) - Upgrade: Migrate arbitrary modifiers without percentage signs to bare values (e.g. /[0.16] → /16) (#18184) - Upgrade: Migrate CSS va... |
| 4.1.8 | Unknown | Added - Improve error messages when @apply fails (#18059) Fixed - Upgrade: Do not migrate declarations that look like candidates in <style> blocks (#18057, 18068) - Upgrade: Don't error when looking for tailwindcss in pn... |
| 4.1.7 | Unknown | Added - Upgrade: Migrate bare values to named values (#18000) - Upgrade: Added cache to improve template migration performance (#18025) Fixed - Allow _ before numbers during candidate extraction (#17961) - Prevent duplic... |
| 4.1.6 | Unknown | Added - Upgrade: Automatically convert arbitrary values to named values when possible (e.g. h-[1lh] to h-lh) (#17831, #17854) - Upgrade: Update dependencies in parallel for improved performance (#17898) - Add detailed lo... |
| 4.1.5 | Unknown | Added - Support using @tailwindcss/upgrade to upgrade between versions of v4.* (#17717) - Add h-lh / min-h-lh / max-h-lh utilities (#17790) - Transition display, visibility, content-visibility, overlay, and pointer-event... |