Restaurant-Reservation-Fullstack/tailwind.config.ts at main · punchpnp/Restaurant-Reservation-Fullstack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import type { Config } from 'tailwindcss';

const config: Config = {
    content: [
        './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
        './src/components/**/*.{js,ts,jsx,tsx,mdx}',
        './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        screens: {
            sm: '640px',
            md: '768px',
            tablet: '850px',
            // => @media (min-width: 640px) { ... }

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

            xl: '1280px',
            // => @media (min-width: 1280px) { ... }
        },
        extend: {
            colors: {
                'redrice-red': '#FF3636',
                'redrice-yellow': '#F9A826',
                'redrice-light-yellow': '#FDC15D',
                'redrice-green': '#01C114',
                'redrice-blue': '#1DA1F2', // Make sure the color value starts with '#'
            },
        },
    },
    plugins: [],
};

export default config;