module.exports = {
        important: true,

        prefix: '',
        purge: {
            content: [
                './src/**/*.{html,ts}',
            ]
        },
        darkMode: 'class', // or 'media' or 'class'
        theme: {
            extend: {
                spacing:
                    {
                        menu: '255px',
                        '33%': '33%',
                        '48%': '48%',
                        '24%': '24%'
                    },
            },
            screens: {
                'sm': '640px',
                // => @media (min-width: 640px) { ... }

                'md': '768px',
                // => @media (min-width: 768px) { ... }

                'lg': '1024px',
                // => @media (min-width: 1024px) { ... }

                'xl': '1280px',
                // => @media (min-width: 1280px) { ... }

                '2xl': '1536px',
                // => @media (min-width: 1536px) { ... }
            }
        },
        variants: {
            extend: {
                opacity: ['disabled'],
            },
        },
        plugins: [
            require("@tailwindcss/forms")({
                strategy: 'class',
            }),
            require('@tailwindcss/line-clamp'),
            require('@tailwindcss/typography')
        ],
};
