Match drop-shadow values to box-shadows by eye as best as possible

tailwindlabs · Apr 4, 2021 · 0fc6523 · 0fc6523
1 parent 46c61c6
commit 0fc6523
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -183,13 +183,12 @@ module.exports = {
       200: '2',
     },
     dropShadow: {
-      // TODO: Decide how to account for lack of spread support
-      sm: '0 1px 2px rgba(0, 0, 0, 0.05)',
-      DEFAULT: ['0 1px 3px rgba(0, 0, 0, 0.1)', '0 1px 2px rgba(0, 0, 0, 0.06)'],
-      md: ['0 4px 6px rgba(0, 0, 0, 0.1)', '0 2px 4px rgba(0, 0, 0, 0.06)'],
-      lg: ['0 10px 15px rgba(0, 0, 0, 0.1)', '0 4px 6px rgba(0, 0, 0, 0.05)'],
-      xl: ['0 20px 25px rgba(0, 0, 0, 0.1)', '0 10px 10px rgba(0, 0, 0, 0.04)'],
-      '2xl': '0 25px 50px rgba(0, 0, 0, 0.25)',
+      sm: '0 1px 1px rgba(0,0,0,0.05)',
+      DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
+      md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
+      lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
+      xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
+      '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
       none: '0 0 #0000',
     },
     grayscale: {