Tailwind CSS v3.4 has arrived! Check out the announcement post for a guided tour through all of the highlights.
Added
- Add
svh
,lvh
, anddvh
values to defaultheight
/min-height
/max-height
theme (#11317) - Add
has-*
variants for:has(...)
pseudo-class (#11318) - Add
text-wrap
utilities includingtext-balance
andtext-pretty
(#11320, #12031) - Extend default
opacity
scale to include all steps of 5 (#11832) - Update Preflight
html
styles to include shadow DOM:host
pseudo-class (#11200) - Increase default values for
grid-rows-*
utilities from 1–6 to 1–12 (#12180) - Add
size-*
utilities (#12287) - Add utilities for CSS subgrid (#12298)
- Add spacing scale to
min-w-*
,min-h-*
, andmax-w-*
utilities (#12300) - Add
forced-color-adjust
utilities (#11931) - Add
forced-colors
variant (#11694, #12582) - Add
appearance-auto
utility (#12404) - Add logical property values for
float
andclear
utilities (#12480) - Add
*
variant for targeting direct children (#12551)