1) Added text-shadow-* class to add outline to text.

RobSpectre · Jun 16, 2023 · 4d41764 · 4d41764
1 parent 3198b5d
commit 4d41764
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,3 +1,5 @@
+const plugin = require('tailwindcss/plugin')
+
 module.exports = {
   content: [
     './index.html',
@@ -10,7 +12,24 @@ module.exports = {
         blue: '#00b1e1',
         orange: '#f36c3f',
         darkgray: '#5b6670'
+      },
+      textShadow: {
+        sm: '0 1px 2px var(--tw-shadow-color)',
+        DEFAULT: '0 2px 4px var(--tw-shadow-color)',
+        lg: '0 8px 16px var(--tw-shadow-color)'
       }
     }
-  }
+  },
+  plugins: [
+    plugin(function ({ matchUtilities, theme }) {
+      matchUtilities(
+        {
+          'text-shadow': (value) => ({
+            textShadow: value
+          })
+        },
+        { values: theme('textShadow') }
+      )
+    })
+  ]
 }