tailwindcss
Advanced tools
Changelog
[4.0.0-alpha.28] - 2024-10-17
theme(…)
calls to var(…)
or to the modern theme(…)
syntax (#14664, #14695)theme
object (#14675)theme
values defined outside of extend
in JS configuration files overwrite all existing values for that namespace (#14672)screens
config (#14691)Changelog
[4.0.0-alpha.27] - 2024-10-15
tailwindcss/colors.js
, tailwindcss/defaultTheme.js
, and tailwindcss/plugin.js
exports (#14595)keyframes
in JS config file themes (#14594)color
parameter in JS theme configuration callbacks (#14651)theme()
function (#14659)@config "…"
when a tailwind.config.{js,ts,…}
is detected (#14635)@media screen(…)
when running codemods (#14603)aria-*
, data-*
, and supports-*
variants from arbitrary values to bare values (#14644)!important
when stringifying CSS (#14611)display: none
on elements that use hidden="until-found"
(#14631)theme()
function resolves to the right value in some compatibility situations (#14614)matchUtilities
(#14589)addComponents
and matchComponents
(#14590)boxShadow
and animation
theme keys in JS config files are accessible under --shadow-*
and --animate-*
using the theme()
function (#14642)theme()
function with the legacy dot notation syntax (#14642)var(…)
can be used as the opacity value inside the theme([path] / [modifier])
function (#14653)font-stretch
utilities only accepts positive integer bare values (#14670)Changelog
[4.0.0-alpha.26] - 2024-10-03
blocklist
in JS config files (#14556)color-scheme
utilities (#14567)important
option in JS config files (#14448)@import "tailwindcss/tailwind.css"
to @import "tailwindcss"
in CSS files (#14514)@apply
in CSS files (#14574)bg-gradient-*
utilities to bg-linear-*
in template files (#14537)var(…)
in template files (#14526)@utility
is top-level and cannot be nested (#14525)@tailwindcss/postcss
for initial builds (#14565)@apply
and CSS functions work inside imported stylesheets (#14576)layer()
to @import
at-rules when the styles do not need to be imported into a layer (#14513)@layer
when running codemods (#14517)@tailwind
rules is wrapped with @layer base
when prepending @import "tailwindcss"
to the top of the file (#14536)Changelog
[4.0.0-alpha.25] - 2024-09-24
aria
, supports
, and data
variants defined in JS config files (#14407)@tailwindcss/upgrade
tooling (#14434)screens
in JS config files (#14415)bg-radial-*
and bg-conic-*
utilities for radial and conic gradients (#14467)shadow-initial
and inset-shadow-initial
utilities for resetting shadow colors (#14468)field-sizing-*
utilities (#14469)@apply
(#14411)@tailwind
directives (#14411, #14504)@layer utilities
and @layer components
(#14455)!flex
to flex!
) (#14502)borderRadius.*
as an alias for --radius-*
when using dot notation inside the theme()
function (#14436)anchor-size(…)
in arbitrary values (#14394)theme()
calls (#14437)inset-*
utilities for --inset-shadow-*
and --inset-ring-*
theme values (#14447)--default-transition-*
variables in transition-*
utility output (#14482)rtl
and ltr
variants work with [dir=auto]
(#14306)leading-*
, tracking-*
, and font-{weight}
value when overriding font-size (#14403)@import
resolution to speed up initial builds (#14446)var(…)
injection (#13657):hover
states on devices that support @media (hover: hover)
(#14500)