tailwind.config.js

module.exports = {
    content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
    theme: {
        // fontSize: {
        //   'xs': '.75rem',
        //   'sm': '.875rem',
        //   'base': '1rem',
        //   'lg': '1.125rem',
        //   'xl': '1.25rem',
        //   '2xl': '1.5rem',
        //   '3xl': '1.875rem',
        //   '4xl': '2.25rem',
        //   '5xl': '3rem',
        //   '6xl': '4rem',
        //   '7xl': '5rem',
        // },
        extend: {},
    },
    // variants: {
    //     extend: {
    //         backgroundColor: ['responsive', 'hover', 'focus', 'active'],
    //         textDecoration: ['active'],
    //         textColor: ['visited'],
    //         boxShadow: ['responsive', 'hover', 'focus'],
    //         accessibility: ['hover', 'active'],
    //     },
    // },
    plugins: [
        require("@tailwindcss/forms")({
            strategy: 'class',
        }),
    ],
}