Skip to content

Commit ff64417

Browse files
authored
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.
1 parent 34d0551 commit ff64417

File tree

5 files changed

+193
-0
lines changed

5 files changed

+193
-0
lines changed

stubs/defaultConfig.stub.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,7 @@ module.exports = {
111111
},
112112
blur: {
113113
0: '0',
114+
none: '0',
114115
sm: '4px',
115116
DEFAULT: '8px',
116117
md: '12px',

tests/fixtures/tailwind-output-flagged.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29200,6 +29200,10 @@ video {
2920029200
--tw-blur: blur(0);
2920129201
}
2920229202

29203+
.blur-none {
29204+
--tw-blur: blur(0);
29205+
}
29206+
2920329207
.blur-sm {
2920429208
--tw-blur: blur(4px);
2920529209
}
@@ -29437,6 +29441,10 @@ video {
2943729441
--tw-backdrop-blur: blur(0);
2943829442
}
2943929443

29444+
.backdrop-blur-none {
29445+
--tw-backdrop-blur: blur(0);
29446+
}
29447+
2944029448
.backdrop-blur-sm {
2944129449
--tw-backdrop-blur: blur(4px);
2944229450
}
@@ -58414,6 +58422,10 @@ video {
5841458422
--tw-blur: blur(0);
5841558423
}
5841658424

58425+
.sm\:blur-none {
58426+
--tw-blur: blur(0);
58427+
}
58428+
5841758429
.sm\:blur-sm {
5841858430
--tw-blur: blur(4px);
5841958431
}
@@ -58651,6 +58663,10 @@ video {
5865158663
--tw-backdrop-blur: blur(0);
5865258664
}
5865358665

58666+
.sm\:backdrop-blur-none {
58667+
--tw-backdrop-blur: blur(0);
58668+
}
58669+
5865458670
.sm\:backdrop-blur-sm {
5865558671
--tw-backdrop-blur: blur(4px);
5865658672
}
@@ -87569,6 +87585,10 @@ video {
8756987585
--tw-blur: blur(0);
8757087586
}
8757187587

87588+
.md\:blur-none {
87589+
--tw-blur: blur(0);
87590+
}
87591+
8757287592
.md\:blur-sm {
8757387593
--tw-blur: blur(4px);
8757487594
}
@@ -87806,6 +87826,10 @@ video {
8780687826
--tw-backdrop-blur: blur(0);
8780787827
}
8780887828

87829+
.md\:backdrop-blur-none {
87830+
--tw-backdrop-blur: blur(0);
87831+
}
87832+
8780987833
.md\:backdrop-blur-sm {
8781087834
--tw-backdrop-blur: blur(4px);
8781187835
}
@@ -116724,6 +116748,10 @@ video {
116724116748
--tw-blur: blur(0);
116725116749
}
116726116750

116751+
.lg\:blur-none {
116752+
--tw-blur: blur(0);
116753+
}
116754+
116727116755
.lg\:blur-sm {
116728116756
--tw-blur: blur(4px);
116729116757
}
@@ -116961,6 +116989,10 @@ video {
116961116989
--tw-backdrop-blur: blur(0);
116962116990
}
116963116991

116992+
.lg\:backdrop-blur-none {
116993+
--tw-backdrop-blur: blur(0);
116994+
}
116995+
116964116996
.lg\:backdrop-blur-sm {
116965116997
--tw-backdrop-blur: blur(4px);
116966116998
}
@@ -145879,6 +145911,10 @@ video {
145879145911
--tw-blur: blur(0);
145880145912
}
145881145913

145914+
.xl\:blur-none {
145915+
--tw-blur: blur(0);
145916+
}
145917+
145882145918
.xl\:blur-sm {
145883145919
--tw-blur: blur(4px);
145884145920
}
@@ -146116,6 +146152,10 @@ video {
146116146152
--tw-backdrop-blur: blur(0);
146117146153
}
146118146154

146155+
.xl\:backdrop-blur-none {
146156+
--tw-backdrop-blur: blur(0);
146157+
}
146158+
146119146159
.xl\:backdrop-blur-sm {
146120146160
--tw-backdrop-blur: blur(4px);
146121146161
}
@@ -175034,6 +175074,10 @@ video {
175034175074
--tw-blur: blur(0);
175035175075
}
175036175076

175077+
.\32xl\:blur-none {
175078+
--tw-blur: blur(0);
175079+
}
175080+
175037175081
.\32xl\:blur-sm {
175038175082
--tw-blur: blur(4px);
175039175083
}
@@ -175271,6 +175315,10 @@ video {
175271175315
--tw-backdrop-blur: blur(0);
175272175316
}
175273175317

175318+
.\32xl\:backdrop-blur-none {
175319+
--tw-backdrop-blur: blur(0);
175320+
}
175321+
175274175322
.\32xl\:backdrop-blur-sm {
175275175323
--tw-backdrop-blur: blur(4px);
175276175324
}

tests/fixtures/tailwind-output-important.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29200,6 +29200,10 @@ video {
2920029200
--tw-blur: blur(0) !important;
2920129201
}
2920229202

29203+
.blur-none {
29204+
--tw-blur: blur(0) !important;
29205+
}
29206+
2920329207
.blur-sm {
2920429208
--tw-blur: blur(4px) !important;
2920529209
}
@@ -29437,6 +29441,10 @@ video {
2943729441
--tw-backdrop-blur: blur(0) !important;
2943829442
}
2943929443

29444+
.backdrop-blur-none {
29445+
--tw-backdrop-blur: blur(0) !important;
29446+
}
29447+
2944029448
.backdrop-blur-sm {
2944129449
--tw-backdrop-blur: blur(4px) !important;
2944229450
}
@@ -58414,6 +58422,10 @@ video {
5841458422
--tw-blur: blur(0) !important;
5841558423
}
5841658424

58425+
.sm\:blur-none {
58426+
--tw-blur: blur(0) !important;
58427+
}
58428+
5841758429
.sm\:blur-sm {
5841858430
--tw-blur: blur(4px) !important;
5841958431
}
@@ -58651,6 +58663,10 @@ video {
5865158663
--tw-backdrop-blur: blur(0) !important;
5865258664
}
5865358665

58666+
.sm\:backdrop-blur-none {
58667+
--tw-backdrop-blur: blur(0) !important;
58668+
}
58669+
5865458670
.sm\:backdrop-blur-sm {
5865558671
--tw-backdrop-blur: blur(4px) !important;
5865658672
}
@@ -87569,6 +87585,10 @@ video {
8756987585
--tw-blur: blur(0) !important;
8757087586
}
8757187587

87588+
.md\:blur-none {
87589+
--tw-blur: blur(0) !important;
87590+
}
87591+
8757287592
.md\:blur-sm {
8757387593
--tw-blur: blur(4px) !important;
8757487594
}
@@ -87806,6 +87826,10 @@ video {
8780687826
--tw-backdrop-blur: blur(0) !important;
8780787827
}
8780887828

87829+
.md\:backdrop-blur-none {
87830+
--tw-backdrop-blur: blur(0) !important;
87831+
}
87832+
8780987833
.md\:backdrop-blur-sm {
8781087834
--tw-backdrop-blur: blur(4px) !important;
8781187835
}
@@ -116724,6 +116748,10 @@ video {
116724116748
--tw-blur: blur(0) !important;
116725116749
}
116726116750

116751+
.lg\:blur-none {
116752+
--tw-blur: blur(0) !important;
116753+
}
116754+
116727116755
.lg\:blur-sm {
116728116756
--tw-blur: blur(4px) !important;
116729116757
}
@@ -116961,6 +116989,10 @@ video {
116961116989
--tw-backdrop-blur: blur(0) !important;
116962116990
}
116963116991

116992+
.lg\:backdrop-blur-none {
116993+
--tw-backdrop-blur: blur(0) !important;
116994+
}
116995+
116964116996
.lg\:backdrop-blur-sm {
116965116997
--tw-backdrop-blur: blur(4px) !important;
116966116998
}
@@ -145879,6 +145911,10 @@ video {
145879145911
--tw-blur: blur(0) !important;
145880145912
}
145881145913

145914+
.xl\:blur-none {
145915+
--tw-blur: blur(0) !important;
145916+
}
145917+
145882145918
.xl\:blur-sm {
145883145919
--tw-blur: blur(4px) !important;
145884145920
}
@@ -146116,6 +146152,10 @@ video {
146116146152
--tw-backdrop-blur: blur(0) !important;
146117146153
}
146118146154

146155+
.xl\:backdrop-blur-none {
146156+
--tw-backdrop-blur: blur(0) !important;
146157+
}
146158+
146119146159
.xl\:backdrop-blur-sm {
146120146160
--tw-backdrop-blur: blur(4px) !important;
146121146161
}
@@ -175034,6 +175074,10 @@ video {
175034175074
--tw-blur: blur(0) !important;
175035175075
}
175036175076

175077+
.\32xl\:blur-none {
175078+
--tw-blur: blur(0) !important;
175079+
}
175080+
175037175081
.\32xl\:blur-sm {
175038175082
--tw-blur: blur(4px) !important;
175039175083
}
@@ -175271,6 +175315,10 @@ video {
175271175315
--tw-backdrop-blur: blur(0) !important;
175272175316
}
175273175317

175318+
.\32xl\:backdrop-blur-none {
175319+
--tw-backdrop-blur: blur(0) !important;
175320+
}
175321+
175274175322
.\32xl\:backdrop-blur-sm {
175275175323
--tw-backdrop-blur: blur(4px) !important;
175276175324
}

0 commit comments

Comments
 (0)