Closed chrillep closed 5 months ago
https://tailwindcss.com/blog/tailwindcss-v3-4
Dynamic viewport units: Full-height elements that actually work on mobile. New :has() variant: Style parent elements based on their children. Style children with the * variant: We’ll probably regret giving you this one. New size-* utilities: Set width and height at the same time, finally. Balanced headlines with text-wrap utilities: No more max-width tweaking or responsive line breaks. Subgrid support: That grid feature you struggle to understand, finally in Tailwind CSS. Extended min-width, max-width, and min-height scales: Now min-w-12 is a real class. Extended opacity scale: For those moments when neither 60% or 70% were quite right. Extended grid-rows-* scale: Might as well make it match the column scale. New forced-colors variant: Easily fine-tune your site for forced colors mode. New forced-color-adjust utilities: For even more forced colors fine-tuning.
The feature
https://tailwindcss.com/blog/tailwindcss-v3-4
Use case
Dynamic viewport units: Full-height elements that actually work on mobile. New :has() variant: Style parent elements based on their children. Style children with the * variant: We’ll probably regret giving you this one. New size-* utilities: Set width and height at the same time, finally. Balanced headlines with text-wrap utilities: No more max-width tweaking or responsive line breaks. Subgrid support: That grid feature you struggle to understand, finally in Tailwind CSS. Extended min-width, max-width, and min-height scales: Now min-w-12 is a real class. Extended opacity scale: For those moments when neither 60% or 70% were quite right. Extended grid-rows-* scale: Might as well make it match the column scale. New forced-colors variant: Easily fine-tune your site for forced colors mode. New forced-color-adjust utilities: For even more forced colors fine-tuning.