tailwind.config.js

import winduum, { defaultConfig } from 'winduum/plugin'
import containerQueries from '@tailwindcss/container-queries'

export default !process.argv.includes('emails')
    ? {
        darkMode: 'class',
        content: [
            'index.html',
            './src/**/*.{js,html,latte}',
            './app/**/*.latte',
            './node_modules/winduum/src/**/*.js'
        ],
        plugins: [
            winduum({
                spacing: [...defaultConfig.spacing, 'section']
            }),
            containerQueries
        ],
        corePlugins: {
            container: false
        },
        future: {
            hoverOnlyWhenSupported: true
        }
    }
    : {
        content: [
            './src/emails/**/*.latte'
        ],
        corePlugins: {
            preflight: false,
            ringWidth: false,
            boxShadow: false,
            scrollSnapType: false,
            borderSpacing: false,
            transform: false,
            container: false
        },
        theme: {
            extend: {
                screens: {
                    container: '548px'
                },
                colors: {
                    primary: 'rgb(var(--color-primary))',
                    light: 'rgb(var(--color-light))',
                    main: 'rgba(var(--color-main))'
                },
                spacing: {
                    container: 'var(--spacing-container)',
                    'container-inner': 'var(--spacing-container-inner)'
                }
            }
        }
    }