/** @type {import('tailwindcss').Config} */
module.exports = {
    // 哪些文件中包含tailwind的类名，tailwind会扫描这些文件来生成对应的CSS
    content: [
        "./src/Resources/**/*.blade.php", 
        "./src/Resources/**/*.js", 
        "./src/Resources/**/*.vue", 
        "../../Longyi/Core/src/Resources/**/*.blade.php"
    ],

    theme: {
        container: {
            center: true,

            screens: {
                "2xl": "1920px",
            },

            padding: {
                DEFAULT: "16px",
            },
        },

        screens: {
            sm: "525px",
            md: "768px",
            lg: "1024px",
            xl: "1240px",
            "2xl": "1920px",
        },

        extend: {
            colors: {
                darkGreen: '#40994A',
                darkBlue: '#0044F2',
                darkPink: '#F85156',
            },

            fontFamily: {
                inter: ['Inter'],
                icon: ['icomoon']
            },

            fontSize: {
                '12': ['0.75rem'], 
                '14': ['0.875rem'], 
                '16': ['1rem'],
                '18': ['1.125rem'],
                '20': ['1.25rem'],
                '22': ['1.375rem'],
                '24': ['1.5rem'],
                '26': ['1.625rem'],
                '28': ['1.75rem'],
                '30': ['1.875rem'],
                '32': ['2rem'],
                '34': ['2.125rem'],
                '36': ['2.25rem'],
                '38': ['2.375rem'],
                '40': ['2.5rem'],
            }
        },
    },
    
    darkMode: 'class',

    plugins: [],

    safelist: [
        {
            pattern: /icon-/,
        }
    ]
};