mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Add blur-none with intent to deprecate blur-0 (#4614)
We always use `none` for other utilities where the values have string names like `sm`, but for `blur` I chose `blur-0` for some idiotic reason. Can't have that.
This commit is contained in:
parent
34d0551e93
commit
ff64417ff7
@ -111,6 +111,7 @@ module.exports = {
|
||||
},
|
||||
blur: {
|
||||
0: '0',
|
||||
none: '0',
|
||||
sm: '4px',
|
||||
DEFAULT: '8px',
|
||||
md: '12px',
|
||||
|
||||
48
tests/fixtures/tailwind-output-flagged.css
vendored
48
tests/fixtures/tailwind-output-flagged.css
vendored
@ -29200,6 +29200,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -29437,6 +29441,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -58414,6 +58422,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -58651,6 +58663,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -87569,6 +87585,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -87806,6 +87826,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -116724,6 +116748,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -116961,6 +116989,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -145879,6 +145911,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -146116,6 +146152,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -175034,6 +175074,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -175271,6 +175315,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
|
||||
48
tests/fixtures/tailwind-output-important.css
vendored
48
tests/fixtures/tailwind-output-important.css
vendored
@ -29200,6 +29200,10 @@ video {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.blur-none {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.blur-sm {
|
||||
--tw-blur: blur(4px) !important;
|
||||
}
|
||||
@ -29437,6 +29441,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px) !important;
|
||||
}
|
||||
@ -58414,6 +58422,10 @@ video {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.sm\:blur-none {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.sm\:blur-sm {
|
||||
--tw-blur: blur(4px) !important;
|
||||
}
|
||||
@ -58651,6 +58663,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px) !important;
|
||||
}
|
||||
@ -87569,6 +87585,10 @@ video {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.md\:blur-none {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.md\:blur-sm {
|
||||
--tw-blur: blur(4px) !important;
|
||||
}
|
||||
@ -87806,6 +87826,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px) !important;
|
||||
}
|
||||
@ -116724,6 +116748,10 @@ video {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.lg\:blur-none {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.lg\:blur-sm {
|
||||
--tw-blur: blur(4px) !important;
|
||||
}
|
||||
@ -116961,6 +116989,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px) !important;
|
||||
}
|
||||
@ -145879,6 +145911,10 @@ video {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.xl\:blur-none {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.xl\:blur-sm {
|
||||
--tw-blur: blur(4px) !important;
|
||||
}
|
||||
@ -146116,6 +146152,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px) !important;
|
||||
}
|
||||
@ -175034,6 +175074,10 @@ video {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.\32xl\:blur-none {
|
||||
--tw-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.\32xl\:blur-sm {
|
||||
--tw-blur: blur(4px) !important;
|
||||
}
|
||||
@ -175271,6 +175315,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0) !important;
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px) !important;
|
||||
}
|
||||
|
||||
@ -26643,6 +26643,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -26880,6 +26884,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -53301,6 +53309,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -53538,6 +53550,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -79900,6 +79916,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -80137,6 +80157,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -106499,6 +106523,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -106736,6 +106764,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -133098,6 +133130,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -133335,6 +133371,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -159697,6 +159737,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -159934,6 +159978,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
|
||||
48
tests/fixtures/tailwind-output.css
vendored
48
tests/fixtures/tailwind-output.css
vendored
@ -29200,6 +29200,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -29437,6 +29441,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -58414,6 +58422,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -58651,6 +58663,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.sm\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -87569,6 +87585,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -87806,6 +87826,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.md\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -116724,6 +116748,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -116961,6 +116989,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.lg\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -145879,6 +145911,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -146116,6 +146152,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
@ -175034,6 +175074,10 @@ video {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:blur-none {
|
||||
--tw-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:blur-sm {
|
||||
--tw-blur: blur(4px);
|
||||
}
|
||||
@ -175271,6 +175315,10 @@ video {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-none {
|
||||
--tw-backdrop-blur: blur(0);
|
||||
}
|
||||
|
||||
.\32xl\:backdrop-blur-sm {
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user