const plugin = require('tailwindcss/plugin')

module.exports = {
    mode: 'jit',
    purge: [
        './**/*.html',
        './**/*.ts',
    ],
    darkMode: false, // or 'media' or 'class'
    theme: {
        extend: {
            maxHeight: {
                '65vh': '65vh',
                '20vh': '20vh',
            }
        },
    },
    variants: {
        extend: {
            ringColor: ['hover'],
        }
    },
    plugins: [
        plugin(function ({ addVariant, e }) {
            addVariant('landscape', ({ modifySelectors, separator }) => {
                modifySelectors(({ className }) => {
                    return `.${e(`landscape${separator}${className}`)}:landscape`
                })
            })
        })

    ]
}