diff --git a/tailwind.config.js b/tailwind.config.js index 2e13886..5e5eb92 100644 --- 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') } + ) + }) + ] }