tailwindcss
Advanced tools
Changelog
[4.0.0-beta.4] - 2024-11-29
@tailwind utilities
is present in the CSS in @tailwindcss/postcss
and @tailwindcss/vite
(#15226)@tailwindcss/postcss
and @tailwindcss/vite
(#15226)overflow-clip
utility (#15244)backdrop-blur
to backdrop-blur-sm
and backdrop-blur-sm
to backdrop-blur-xs
(#15242)Changelog
[4.0.0-beta.3] - 2024-11-27
.group
and .peer
are prefixed when using the prefix(…)
option (#15174)--spacing-*
variables take precedence over --container-*
variables (#15180)translate-*
utilities work with arbitrary values that use calc(…)
(#15215)calc(…)
(#15215).group
and .peer
classes (#15208)layer(…)
in @import
is not first in the list of functions/conditions (#15109)Changelog
[4.0.0-beta.2] - 2024-11-22
--letter-spacing
values for custom font size utilities (#15099)space-x/y-*
and divide-x/y-*
with variants can undo space-x/y-reverse
and divide-x/y-reverse
(#15094)break-keep
utility (#15108)h1
) when scanning files (#15110)layer(…)
as the first param to @import
(#15102)Changelog
[4.0.0-beta.1] - 2024-11-21
opacity
theme values when migrating to CSS (#15067)opacity
theme values configured as decimal numbers via JS config files work with color utilities (#15067)decoration-clone
, decoration-slice
, overflow-ellipsis
, flex-grow-*
, and flex-shrink-*
(#15069)color
in the form reset snippet (#15064)Changelog
[4.0.0-alpha.36] - 2024-11-21
group-[]:flex
to in-[.group]:flex
(#15054)ring
to ring-3
(#15063)in-*
that use the child combinator instead of the descendant combinator (#15054)Changelog
[4.0.0-alpha.35] - 2024-11-20
max-w-screen-*
utilities that read from the --breakpoint
namespace as deprecated utilities (#15013)var(…)
by using parentheses instead of square brackets (e.g. bg-(--my-color)
) (#15020)in-*
variant (#15025)@tailwindcss/forms
, @tailwindcss/typography
, and @tailwindcss/aspect-ratio
with the standalone CLI (#15028)addUtilities()
and addComponents()
to work with child combinators and other complex selectors (#15029)<alpha-value>
in JS configs and plugins (#15033)transition-discrete
and transition-normal
utilities for transition-behavior
(#15051)[&>*]
to the *
variant (#15022)[&_*]
to the **
variant (#15022)<alpha-value>
in JS configs (#15033)flex
is suggested (#15014)cjs
-only and esm
-only plugins (#15041)calc(…)
on just values for negative -rotate-*
utilities, not on the rotateX/Y/Z(…)
functions themselves (#15044)@config
(#15001)@import "https://fonts.google.com"
) (#15040)url(…)
(e.g.: @import url("https://fonts.google.com")
) (#15040)resolveJsId
when resolving tailwindcss/package.json
(#15041)--opacity-*
theme values (#14278)