Describe Your Question
Why don’t you use theme extend in your tailwind configuration to keep default tailwind configuration?
Tailwind extend theme
Because your actual configuration override the default configuration
Tailwind override theme
What steps can we follow to reproduce the bug?
Just add an absolute element with the classNameinset-6
<div className="absolute inset-6 flex flex-col overflow-hidden">Test</div>
Solution
module.exports = {
prefix: '',
important: false,
separator: ':',
purge: {
},
theme: {
extend: {
screens: {
sm: '640px',
md: '768px',
...,
},
colors: {
overlay: 'rgba(0, 0, 0, 0.8)',
transparent: 'transparent',
...,
},
...
}
}
}