All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
aria
, supports
, and data
variants defined in JS config files (#14407)borderRadius.*
as an alias for --radius-*
when using dot notation inside the theme()
function (#14436)anchor-size(…)
in arbitrary values (#14394)theme()
calls (#14437)theme()
functions inside other @custom-media
, @container
, and @supports
rules (#14358)Config
type from tailwindcss
for JS config files (#14360)matchVariant
plugins using the @plugin
directive (#14371)tailwindcss
package is used as a PostCSS plugin (#14378)theme('someKey.DEFAULT')
when all --some-key-*
keys have a suffix (#14354)@theme default
values (#14359)border
utilities (#14370)theme()
function in plugins (#14348)@plugin
and @config
files (#14317)default
option to @theme
to support overriding default theme values from plugins/JS config files (#14327)<style>
tags in Astro files to the Vite plugin (#14340)@config
files are relative to that file (#14314)theme()
functions are evaluated in media query ranges with collapsed whitespace (#14321)reference
values don't generate stale CSS variables (#14327)--default-font-*
and --default-mono-font-*
variables respect theme customizations in JS config files (#14344)@config
(#14239)@plugin
(#14264)css.transformer
set to lightningcss
(#14269)@tailwindcss/postcss
(#14256)theme()
function when using plugins (#14262)theme()
function (#14262)tailwindcss/defaultTheme
(#14257)build --watch
(#14269)addBase
plugins using the @plugin
directive (#14172)tailwindcss/plugin
export (#14173)theme()
function in plugins (#14207)addComponents
, matchComponents
, prefix
plugin APIs (#14221)tailwindcss/colors
and tailwindcss/defaultTheme
exports for use with plugins (#14221)@tailwindcss/typography
and @tailwindcss/forms
plugins (#14221)theme()
function in CSS and class names (#14177):is(…)
(#14203)inline
option when defining @theme
values (#14095)inert
variant (#14129)@source
at-rule (#14078)<style>
tags in Vue files to the Vite plugin (#14158)addUtilities
and matchUtilities
plugins using the @plugin
directive (#14114)@apply
works inside @utility
(#14144)addVariant
plugins with new @plugin
directive (#13982, #14008)@variant
at-rule for defining custom variants in CSS (#13992, #14008)@utility
at-rule for defining custom utilities in CSS (#14044)bg-red-[#000]
(#13970)color-mix()
(#13972)variants
and utilities
with modifiers (#13977)resize
, fill-none
, accent-none
, drop-shadow-none
, and negative hue-rotate
and backdrop-hue-rotate
utilities (#13971)data-*
and aria-*
modifiers are always quoted in the generated CSS (#14040)*
variant so those styles can be overridden by child elements (#14056)rounded-4xl
utility (#13827)backdrop-blur-none
and blur-none
utilities (#13831)rounded
(#13836)@property
fallbacks work correctly with properties with no initial-value
(#13949)nth-*
variants (#13661)bg-linear-*
utilities as an alias for the existing bg-gradient-*
utilities (#13783)bg-linear-[125deg]
) (#13783)length
data type for background-size
instead of background-position
(#13771){col,row}-{start,end}
utilities (#13780)<length> | <percentage>
syntax for properties (#13660)bg-right-top
, bg-right-bottom
, bg-left-bottom
and bg-left-top
(#13806)contain-*
utility variables resolve to a valid value (#13521)@property
rules for Firefox (#13655)rem
units for breakpoints by default instead of px
(#13469)@tailwindcss/vite
(#13457)[hidden]
elements in space-*
/divide-*
utilities (#13459)shadow-*
utilities to ensure shadow colors work correctly (#13449)waitForRequestsIdle()
for client requests only (#13394)::first-letter
respects ::selection
styles (#13408)rotate-x/y/z-*
utilities composable (#13319)@tailwindcss/vite
(e.g. inlining images) (#13218)starting
variant for @starting-style
(#13329):popover-open
in existing open
variant (#13331)translate-z
utilities (#13321, #13327)@tailwindcss/vite
when Tailwind-generated CSS changes (#13218)build
command is executed when using --output
instead of -o
(#13369)@tailwindcss/vite
from hanging in serve mode (#13380).svelte
files with class:abc="condition"
syntax (#13274)@import
rules in tailwindcss/index.css
at publish time for better performance (#13233)@theme reference { … }
for defining theme values without emitting variables (#13222)--default-transition-*
variables in transition-*
utilities (#13219)optimizeCss
to the packages where it's used (#13230)scale-*
utilities support percentage values (#13182)content-none
from being overridden when conditionally styling ::before
/::after
(#13187)iframe
elements (#13189)--radius-none
and --radius-full
theme values with static rounded-none
and rounded-full
utilities (#13186)@tailwindcss/cli
(#13169)@tailwindcss/postcss
(#13170)font-stretch
utilities (#13153)@apply
with leading/trailing whitespace (#13144)border-style
for appropriate border side (#13124)@theme
contains unsupported rules/declarations (#13125).git
folder is not present (#13119).css
extension (#13110)decoration-slice
and decoration-clone
utilities (#13107)@tailwindcss/cli
package (#13095)