wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add blur-none with intent to deprecate blur-0 (#4614)

Browse source 
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:
Adam Wathan 2021-06-10 12:13:19 -04:00 • committed by GitHub
parent 34d0551e93
commit ff64417ff7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 193 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
stubs/defaultConfig.stub.js
View file

@ -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
View file

@ -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
View file

@ -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;
}

48
tests/fixtures/tailwind-output-no-color-opacity.css vendored
View file

@ -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
View file

@ -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);
}