chat-web/tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: 'class',
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {
        extend: {
            animation: {
                blink: 'blink 1.2s infinite steps(1, start)'
            },
            keyframes: {
                blink: {
                    '0%, 100%': { 'background-color': 'currentColor' },
                    '50%': { 'background-color': 'transparent' }
                }
            },
            screens: {
                '2xl': { max: '1535px' },
                // => @media (max-width: 1535px) { ... }

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

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

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

                sm: { max: '639px' }
                // => @media (max-width: 639px) { ... }
            }
        }
    },
    plugins: []
}