Update dependency tailwindcss to v4 #98
Loading…
x
Reference in New Issue
Block a user
No description provided.
Delete Branch "renovate/tailwindcss-monorepo"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This PR contains the following updates:
3.3.2
->4.1.3
Release Notes
tailwindlabs/tailwindcss (tailwindcss)
v4.1.3
Compare Source
Fixed
--value(…)
(#17464)%w
syntax in Slim templates (#17557)v4.1.2
Compare Source
Fixed
@layer base
to polyfill@property
(#17506)drop-shadow-*
utilities that are defined with multiple shadows (#17515)@tailwind utilities
are processed (#17514)color-mix(…)
polyfill creates fallbacks even when using colors that cannot be statically analyzed (#17513)@tailwindcss/vite
and@tailwindcss/postscss
(especially on Windows) (#17511)v4.1.1
Compare Source
Fixed
@source inline(…)
brace expansion (#17491)@import
and body-less@layer
(#17493)@tailwindcss/cli
does not contain an import forjiti
(#17502)v4.1.0
Compare Source
Added
details-content
variant (#15319)inverted-colors
variant (#11693)noscript
variant (#11929, #17431)items-baseline-last
andself-baseline-last
utilities (#13888, #17476)pointer-none
,pointer-coarse
, andpointer-fine
variants (#16946)any-pointer-none
,any-pointer-coarse
, andany-pointer-fine
variants (#16941)user-valid
anduser-invalid
variants (#12370)wrap-anywhere
,wrap-break-word
, andwrap-normal
utilities (#12128)@source inline(…)
and@source not inline(…)
(#17147)@source not "…"
(#17255)text-shadow-*
utilities (#17389)mask-*
utilities (#17134)bg-{position,size}-*
utilities for arbitrary values (#17432)shadow-*/<alpha>
,inset-shadow-*/<alpha>
,drop-shadow-*/<alpha>
, andtext-shadow-*/<alpha>
utilities to control shadow opacity (#17398, #17434)drop-shadow-<color>
utilities (#17434)Fixed
@source
directives (#17391)@tailwindcss/cli
(#17255)content
rules in legacy JavaScript configuration (#17255)@("@​")md:…
as@md:…
in Razor files (#17427)--theme(…)
function still resolves to the CSS variables when using legacy JS plugins (#17458)Changed
node_modules
by default (can be overridden by@source …
rules) (#17255)@source
rules that include file extensions or point insidenode_modules/
folders no longer consider your.gitignore
rules (#17255)bg-{left,right}-{top,bottom}
in favor ofbg-{top,bottom}-{left,right}
utilities (#17378)object-{left,right}-{top,bottom}
in favor ofobject-{top,bottom}-{left,right}
utilities (#17437)v4.0.17
Compare Source
Fixed
v4.0.16
Compare Source
Added
--value('…')
and--modifier('…')
(#17304)Fixed
(
in Pug (#17320)@keyframes
for theme animations are emitted if they are referenced following a comma (#17352)Slim
templates embedded in Ruby files (#17336)--spacing(--value(integer, number))
is used (#17308)::-webkit-details-marker
pseudo tomarker
variant (#17362)v4.0.15
Compare Source
Fixed
-bg-conic-*
utilities (#17174)border-[12px_4px]
being interpreted as aborder-color
instead of aborder-width
(#17248)<template lang="…">
in Vue files (#17252)--value(…)
or--modifier(…)
calls don't delete subsequent declarations (#17273)(
in Slim (#17278)PluginUtils
fromtailwindcss/plugin
for compatibility with v3 (#17299)line-height: initial
from Preflight (#15212)Changed
--theme(…)
function now returns CSS variables from your theme variables unless used inside positions where CSS variables are invalid (e.g. inside@media
queries) (#17036)v4.0.14
Compare Source
Fixed
${
(#17142).
character (#17153)v4.0.13
Compare Source
Fixed
.node
and.wasm
files are not scanned for utilities (#17123)v4.0.12
Compare Source
Fixed
url(…)
rebasing in transitively imported CSS files (#16965)url(…)
s in imported CSS files (#16965)}
and{
are properly extracted (#17001)razor
/cshtml
pre-processing (#17027)v4.0.11
Compare Source
Fixed
--
are extracted correctly (#16972)[
are extracted in Slim templating language (#16985)v4.0.10
Compare Source
Added
col-<number>
androw-<number>
utilities forgrid-column
andgrid-row
(#15183)Fixed
not-*
does not remove:is(…)
from variants (#16825)@keyframes
are correctly emitted when using a prefix (#16850)@utility
declarations when@apply
is used in nested rules (#16940)outline-hidden
behaves likeoutline-none
outside of forced colors mode (#16943)!important
on CSS variables again (#16873).svg
file with#
or?
in the filename (#16957)Changed
max-w-auto
andmax-h-auto
utilities as they generate invalid CSS (#16917)v4.0.9
Compare Source
Fixed
.css
(#16780)@reference "…"
would sometimes omit keyframe animations (#16774)z-*!
utilities are properly marked as!important
(#16795)Changed
@reference "…"
instead of duplicate CSS variable declarations (#16774)v4.0.8
Compare Source
Added
@import
withtheme(…)
options for stylesheets that contain more than just@theme
rules (#16514)Fixed
!important
to CSS variable declarations when using the important modifier (#16668).gitignore
file when using automatic source detection(#16631)translate-z-px
utilities once in compiled CSS (#16718)Changed
v4.0.7
Compare Source
Fixed
tailwindcss/lib/util/flattenColorPalette.js
for backward compatibility (#16411)_
in suggested theme keys (#16433)--default-outline-width
can be used to change theoutline-width
value of theoutline
utility (#16469)tailwindcss/plugin
for backward compatibility (#16505)@tailwindcss/oxide
Windows builds (#16602)tailwindcss
in@tailwindcss/*
packages (#16623)darkMode
JS config setting with block syntax converts to use@slot
(#16507)tailwindcss
and@tailwindcss/postcss
are installed when upgrading (#16620)v4.0.6
Compare Source
Fixed
blur
toblur-sm
when used with Next.js<Image placeholder="blur" />
(#16405)v4.0.5
Compare Source
Added
@theme static
option for always including theme variables in compiled CSS (#16211)Fixed
console.log
from@tailwindcss/vite
(#16307)Changed
v4.0.4
Compare Source
Fixed
null
(#16210)containers
JS theme key is added to the--container-*
namespace (#16169)@keyframes
are generated even if an--animation-*
variable spans multiple lines (#16237)?commonjs-proxy
flag (#16238)order-first
andorder-last
for Firefox (#16266)NODE_PATH
is respected when resolving JavaScript and CSS files (#16274)@variant
inside a referenced stylesheet could cause a stack overflow (#16300)v4.0.3
Compare Source
Fixed
@import url();
(#16144)v4.0.2
Compare Source
Fixed
grid-cols-*
andgrid-rows-*
utilities (#16020)@reference
or@variant
(#16057)<style>
blocks in HTML files (#16069)@keyframes
in@theme reference
(#16120)@variant
when at the top-level of a stylesheet (#16129)v4.0.1
Compare Source
Fixed
v4.0.0
Compare Source
Added
@property
, andcolor-mix()
.color-scheme
,field-sizing
, complex shadows,inert
, and more.Start using Tailwind CSS v4.0 today by installing it in a new project, or playing with it directly in the browser on Tailwind Play.
For existing projects, we've published a comprehensive upgrade guide and built an automated upgrade tool to get you on the latest version as quickly and painlessly as possible.
For a deep-dive into everything that's new, check out the announcement post.
v3.4.17
Compare Source
Fixed
v3.4.16
Compare Source
Fixed
PluginsConfig
allowundefined
values (#14668)v3.4.15
Compare Source
boxShadow
theme configuration allows arrays (#14856)selection:*
variant works in Chrome 131 (#15003)v3.4.14
Compare Source
Fixed
display: none
on elements that usehidden="until-found"
(#14625)v3.4.13
Compare Source
Fixed
v3.4.12
Compare Source
Fixed
@apply
with utilities that use@defaults
works with rules defined in the base layer when usingoptimizeUniversalDefaults
(#14427)v3.4.11
Compare Source
Fixed
anchor-size(…)
in arbitrary values (#14393)v3.4.10
Compare Source
Fixed
v3.4.9
Compare Source
Fixed
vendor
foldersv3.4.8
Compare Source
Fixed
v3.4.7
Compare Source
Fixed
data-*
andaria-*
modifiers are always quoted in the generated CSS (#14037)v3.4.6
Compare Source
Fixed
Changed
:is()
wrapping rules when using an important selector (#13900)v3.4.5
Compare Source
Fixed
var()
injection for anchor properties (#13826)blur(0px)
forbackdrop-blur-none
andblur-none
utilities (#13830).mts
and.cts
config file detection (#13940)px-1
unnecessarily when using utilities likepx-1.5
(#13959)-webkit-backdrop-filter
forbackdrop-*
utilities (#13997)v3.4.4
Compare Source
Fixed
<alpha-value>
placeholders in a single color definition (#13740)has-*
,group-has-*
, andpeer-has-*
variants (#13770){col,row}-{start,end}
utilities (#13781)v3.4.3
Compare Source
Fixed
v3.4.2
Compare Source
Fixed
0,0,1
for button and input Preflight rules (#12735)(
,)
,[
or]
in the file path (#12715):has
rules when usingexperimental.optimizeUniversalDefaults
(#12736)mix-blend-plus-darker
utility (#12923)import.meta.url
in config files (#13322)xx-large
and remove doublex-large
absolute size (#13324)@apply
a class that uses nesting (#13325)important
configuration (#13353)@apply
works correctly with pseudo elements (#13379)v3.4.1
Compare Source
Fixed
v3.4.0
Compare Source
Added
svh
,lvh
, anddvh
values to defaultheight
/min-height
/max-height
theme (#11317)has-*
variants for:has(...)
pseudo-class (#11318)text-wrap
utilities includingtext-balance
andtext-pretty
(#11320, #12031)opacity
scale to include all steps of 5 (#11832)html
styles to include shadow DOM:host
pseudo-class (#11200)grid-rows-*
utilities from 1–6 to 1–12 (#12180)size-*
utilities (#12287)min-w-*
,min-h-*
, andmax-w-*
utilities (#12300)forced-color-adjust
utilities (#11931)forced-colors
variant (#11694, #12582)appearance-auto
utility (#12404)float
andclear
utilities (#12480)*
variant for targeting direct children (#12551)Changed
sans
font-family stack (#11748)rtl
,ltr
,forced-colors
, anddark
variants (#12584)v3.3.7
Compare Source
Fixed
v3.3.6
Compare Source
Fixed
@config
in CSS when watching via the CLI (#12327)resolveConfig
(#12272)font-feature-settings
formono
are included in Preflight (#12342)@layer
rule (#12508)v3.3.5
Compare Source
Fixed
-
incalc()
expression (#12283)v3.3.4
Compare Source
Fixed
calc()
-like functions (#11686)calc()
normalisation in nestedtheme()
calls (#11705)content
optional for presets in TypeScript types (#11730)too many open files
error (#12079):not(…)
when nested in an at-rule (#12105)Node16
module resolution (#12097)@apply
(#12112)tailwindcss/nesting
(#12269)jiti
,fast-glob
, andbrowserlist
dependencies (#11550)var
injection for properties that accept a<dashed-ident>
(#12236)v3.3.3
Compare Source
Fixed
theme()
insidecalc()
when there are no spaces around operators (#11157)repeating-conic-gradient
is detected as an image (#11180):is
by default (#11345)group
andpeer
variants (#11454)Added
aria-busy
utility (#10966)Changed
<dialog>
elements in preflight (#11069)Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Enabled.
♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot.
043a451a93
tod86909f13d
d86909f13d
tofa03ecfdfa
fa03ecfdfa
to63d94ac56e
63d94ac56e
to6f9ff0fb05
6f9ff0fb05
to7b1ba24e67
Checkout
From your project repository, check out a new branch and test the changes.