xxxxxxxxxx
No text-shadow so add this class in global.css and use it text-shadow class and
use in project.
.text-shadow{
text-shadow: 0 0 50px hsla(0,0%,0%,.4);
}
xxxxxxxxxx
//text shadow is not a native tailwindcss feature and requires a custom utility class
const plugin = require('tailwindcss/plugin')
module.exports = {
theme: {
extend: {
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') }
)
}),
],
}