1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / smartweb / priyoholidays.com /
Filename : tailwind.config.js
back
/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        // "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
        // "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
        // "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
        './src/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        extend: {
            fontFamily: {
                poppins: ['var(--font-poppins), sans-serif'],
                // 'public-sans': ['var(--font-public-sans), sans-serif'],
                'kalpurush': ['var(--font-kalpurush), sans-serif'],
            },
            backgroundImage: {
                'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
                'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
            },
            // colors: {
            //     primary: '#883A8B',
            //     'primary-dark': '#6B2D6E', // Darker version of primary
            //     // secondary: '#FFC107',
            //     secondary: '#F9B316',
            //     'secondary-dark': '#C78A10', // Darker version of secondary
            //     accent: '#34C6F4',
            //     'accent-dark': '#2793B8', // Darker version of accent
            // },
            colors: {
                primary: '#883A8B',
                'primary-dark': '#532153', // Darker version of primary
                'primary-light': '#A15FA4', // Lighter version of primary
                'primary-lighten': '#E9D3EB', // Between light and lighter
                'primary-lighter': '#F2E4F3', // Even lighter version of primary

                secondary: '#F9B316',
                'secondary-dark': '#A36D0C', // Darker version of secondary
                'secondary-light': '#FFC94D', // Lighter version of secondary
                'secondary-lighten': '#FFEDCE', // Between light and lighter
                'secondary-lighter': '#FFF4DA', // Even lighter version of secondary

                accent: '#34C6F4',
                'accent-dark': '#1C7390', // Darker version of accent
                'accent-light': '#66D9FF', // Lighter version of accent
                'accent-lighten': '#D9F4FF', // Between light and lighter
                'accent-lighter': '#E6F9FF', // Even lighter version of accent
            },
            keyframes: {
                linspin: {
                    '100%': { transform: 'rotate(360deg)' },
                },
                easespin: {
                    '12.5%': { transform: 'rotate(135deg)' },
                    '25%': { transform: 'rotate(270deg)' },
                    '37.5%': { transform: 'rotate(405deg)' },
                    '50%': { transform: 'rotate(540deg)' },
                    '62.5%': { transform: 'rotate(675deg)' },
                    '75%': { transform: 'rotate(810deg)' },
                    '87.5%': { transform: 'rotate(945deg)' },
                    '100%': { transform: 'rotate(1080deg)' },
                },
                'left-spin': {
                    '0%': { transform: 'rotate(130deg)' },
                    '50%': { transform: 'rotate(-5deg)' },
                    '100%': { transform: 'rotate(130deg)' },
                },
                'right-spin': {
                    '0%': { transform: 'rotate(-130deg)' },
                    '50%': { transform: 'rotate(5deg)' },
                    '100%': { transform: 'rotate(-130deg)' },
                },
                rotating: {
                    '0%, 100%': { transform: 'rotate(360deg)' },
                    '50%': { transform: 'rotate(0deg)' },
                },
                topbottom: {
                    '0%, 100%': { transform: 'translate3d(0, -100%, 0)' },
                    '50%': { transform: 'translate3d(0, 0, 0)' },
                },
                bottomtop: {
                    '0%, 100%': { transform: 'translate3d(0, 0, 0)' },
                    '50%': { transform: 'translate3d(0, -100%, 0)' },
                },
                tobottom: {
                    '0%': { transform: 'translateY(-100%)' },
                    '100%': { transform: 'translateY(0%)' },
                },
            },
            animation: {
                'spin-slow': 'spin 15s linear infinite',
                'ping-slow': 'ping 2s linear infinite',
                linspin: 'linspin 1568.2353ms linear infinite',
                easespin: 'easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both',
                'left-spin': 'left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both',
                'right-spin': 'right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both',
                'ping-once': 'ping 5s cubic-bezier(0, 0, 0.2, 1)',
                rotating: 'rotating 30s linear infinite',
                topbottom: 'topbottom 60s infinite alternate linear',
                bottomtop: 'bottomtop 60s infinite alternate linear',
                tobottom: 'tobottom 0.3s ease-in-out forwards',
                'spin-1.5': 'spin 1.5s linear infinite',
                'spin-2': 'spin 2s linear infinite',
                'spin-3': 'spin 3s linear infinite',
            },
            boxShadow: {
                default: '0px 8px 13px -3px rgba(0, 0, 0, 0.07)',
                card: '0px 1px 3px rgba(0, 0, 0, 0.12)',
                'card-2': '0px 1px 2px rgba(0, 0, 0, 0.05)',
                switcher: '0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)',
                'switch-1': '0px 0px 5px rgba(0, 0, 0, 0.15)',
                1: '0px 1px 3px rgba(0, 0, 0, 0.08)',
                2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
                3: '0px 1px 5px rgba(0, 0, 0, 0.14)',
                4: '0px 4px 10px rgba(0, 0, 0, 0.12)',
                5: '0px 1px 1px rgba(0, 0, 0, 0.15)',
                6: '0px 3px 15px rgba(0, 0, 0, 0.1)',
                7: '-5px 0 0 #313D4A, 5px 0 0 #313D4A',
                8: '1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)',
            },
            dropShadow: {
                1: '0px 1px 0px #E2E8F0',
                2: '0px 1px 4px rgba(0, 0, 0, 0.12)',
            },
        },
    },
    plugins: [],
    important: true,
    // corePlugins: {
    //     preflight: false,
    // }
}