tailwind.config.js

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`
                })
            })
        })

    ]
}