Add "shadow-solid" utility

tailwindlabs · Nov 7, 2020 · 369cfae · 369cfae
1 parent dddda8c
commit 369cfae
Show file tree

Hide file tree

Showing 5 changed files with 289 additions and 0 deletions.
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
@@ -18445,6 +18445,10 @@ video {
   box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
 }
 
+.shadow-solid {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
 .shadow-none {
   box-shadow: none;
 }
@@ -18485,6 +18489,10 @@ video {
   box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
 }
 
+.hover\:shadow-solid:hover {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
 .hover\:shadow-none:hover {
   box-shadow: none;
 }
@@ -18525,6 +18533,10 @@ video {
   box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
 }
 
+.focus\:shadow-solid:focus {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
 .focus\:shadow-none:focus {
   box-shadow: none;
 }
@@ -42910,6 +42922,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .sm\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .sm\:shadow-none {
     box-shadow: none;
   }
@@ -42950,6 +42966,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .sm\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .sm\:hover\:shadow-none:hover {
     box-shadow: none;
   }
@@ -42990,6 +43010,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .sm\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .sm\:focus\:shadow-none:focus {
     box-shadow: none;
   }
@@ -67345,6 +67369,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .md\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .md\:shadow-none {
     box-shadow: none;
   }
@@ -67385,6 +67413,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .md\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .md\:hover\:shadow-none:hover {
     box-shadow: none;
   }
@@ -67425,6 +67457,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .md\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .md\:focus\:shadow-none:focus {
     box-shadow: none;
   }
@@ -91780,6 +91816,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .lg\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .lg\:shadow-none {
     box-shadow: none;
   }
@@ -91820,6 +91860,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .lg\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .lg\:hover\:shadow-none:hover {
     box-shadow: none;
   }
@@ -91860,6 +91904,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .lg\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .lg\:focus\:shadow-none:focus {
     box-shadow: none;
   }
@@ -116215,6 +116263,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .xl\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .xl\:shadow-none {
     box-shadow: none;
   }
@@ -116255,6 +116307,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .xl\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .xl\:hover\:shadow-none:hover {
     box-shadow: none;
   }
@@ -116295,6 +116351,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .xl\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .xl\:focus\:shadow-none:focus {
     box-shadow: none;
   }
@@ -140650,6 +140710,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .\32xl\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .\32xl\:shadow-none {
     box-shadow: none;
   }
@@ -140690,6 +140754,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .\32xl\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .\32xl\:hover\:shadow-none:hover {
     box-shadow: none;
   }
@@ -140730,6 +140798,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
   }
 
+  .\32xl\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
   .\32xl\:focus\:shadow-none:focus {
     box-shadow: none;
   }

diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -18445,6 +18445,10 @@ video {
   box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
 }
 
+.shadow-solid {
+  box-shadow: 0 0 0 2px currentColor !important;
+}
+
 .shadow-none {
   box-shadow: none !important;
 }
@@ -18485,6 +18489,10 @@ video {
   box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
 }
 
+.hover\:shadow-solid:hover {
+  box-shadow: 0 0 0 2px currentColor !important;
+}
+
 .hover\:shadow-none:hover {
   box-shadow: none !important;
 }
@@ -18525,6 +18533,10 @@ video {
   box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
 }
 
+.focus\:shadow-solid:focus {
+  box-shadow: 0 0 0 2px currentColor !important;
+}
+
 .focus\:shadow-none:focus {
   box-shadow: none !important;
 }
@@ -42910,6 +42922,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .sm\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .sm\:shadow-none {
     box-shadow: none !important;
   }
@@ -42950,6 +42966,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .sm\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .sm\:hover\:shadow-none:hover {
     box-shadow: none !important;
   }
@@ -42990,6 +43010,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .sm\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .sm\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -67345,6 +67369,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .md\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .md\:shadow-none {
     box-shadow: none !important;
   }
@@ -67385,6 +67413,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .md\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .md\:hover\:shadow-none:hover {
     box-shadow: none !important;
   }
@@ -67425,6 +67457,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .md\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .md\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -91780,6 +91816,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .lg\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .lg\:shadow-none {
     box-shadow: none !important;
   }
@@ -91820,6 +91860,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .lg\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .lg\:hover\:shadow-none:hover {
     box-shadow: none !important;
   }
@@ -91860,6 +91904,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .lg\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .lg\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -116215,6 +116263,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .xl\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .xl\:shadow-none {
     box-shadow: none !important;
   }
@@ -116255,6 +116307,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .xl\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .xl\:hover\:shadow-none:hover {
     box-shadow: none !important;
   }
@@ -116295,6 +116351,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .xl\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .xl\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -140650,6 +140710,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .\32xl\:shadow-solid {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .\32xl\:shadow-none {
     box-shadow: none !important;
   }
@@ -140690,6 +140754,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .\32xl\:hover\:shadow-solid:hover {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .\32xl\:hover\:shadow-none:hover {
     box-shadow: none !important;
   }
@@ -140730,6 +140798,10 @@ video {
     box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
   }
 
+  .\32xl\:focus\:shadow-solid:focus {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
   .\32xl\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }