tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './index.html',
        './main.js',
        './src/**/*.{js,ts,jsx,tsx}',
        'public/readingList.js',
    ],
    theme: {
        fontFamily: {
            sans: ['Prompt', 'Helvetica', 'Arial', 'sans-serif'],
        },
        extend: {
            backgroundImage: {
                'parking-lot': "url('/img/projects/parking-lot.jpg')",
                'games-not-played-md':
                    "url('/img/projects/games-not-played-md.png')",
                'games-not-played-sm':
                    "url('/img/projects/games-not-played-sm.png')",
                'movie-db-md': "url('/img/projects/movie-db-md.png')",
                'movie-db-sm': "url('/img/projects/movie-db-sm.png')",
                'jeep-com-md': "url('/img/projects/jeep-com-md.png')",
                'jeep-com-sm': "url('/img/projects/jeep-com-sm.png')",
            },
            colors: {
                'games-not-played': {
                    primary: '#3b5249',
                    'primary-active': '#3c6e5b',
                    'bg-0': '#141314',
                },
                'cyan-125': '#aef4fc',
            },
            dropShadow: {
                'xl-left': [
                    '0px 20px 13px rgb(0 0 0 / 0.03)',
                    '0px 8px 5px rgb(0 0 0 / 0.08)',
                ],
            },
        },
    },
    plugins: [],
}