module.exports = {
    future: {
        removeDeprecatedGapUtilities: true,
        purgeLayersByDefault: true,
    },
    purge: {
        mode: 'layers',
        layers: ['components', 'utilities'],
        content: [
            './public/typo3conf/ext/ep_theme/Resources/Private/Layouts/**/*.html',
            './public/typo3conf/ext/ep_theme/Resources/Private/Partials/**/*.html',
            './public/typo3conf/ext/ep_theme/Resources/Private/Templates/**/*.html',
            './public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/**/*.js',
            './public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/**/*.vue',
        ],
    },
    theme: {
        extend: {
            colors: {
                overlay: {
                    'white': 'rgba(255, 255, 255, 0.85)'
                }
            }
        },
    },
    variants: {},
    plugins: [
        require('@tailwindcss/custom-forms'),
    ],
    corePlugins: {
        container: false,
    }
}