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.
tailwindlabs · Jun 10, 2021 · ff64417 · ff64417
1 parent 34d0551
commit ff64417
Show file tree

Hide file tree

Showing 5 changed files with 193 additions and 0 deletions.
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -111,6 +111,7 @@ module.exports = {
     },
     blur: {
       0: '0',
+      none: '0',
       sm: '4px',
       DEFAULT: '8px',
       md: '12px',

diff --git a/tests/fixtures/tailwind-output-flagged.css b/tests/fixtures/tailwind-output-flagged.css
@@ -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);
   }

diff --git a/tests/fixtures/tailwind-output-important.css b/tests/fixtures/tailwind-output-important.css
@@ -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;
   }