static-job-listings-react/tailwind.config.js at master · Castelo-Codez/static-job-listings-react · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
/** @type {import('tailwindcss').Config} */
export default {
    content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
    theme: {
        extend: {
            colors: {
                "p-DesaturatedDarkCyan": "hsl(180, 29%, 50%)",
                "n-LightGrayishCyanBackground": "hsl(180, 52%, 96%)",
                "n-LightGrayishCyanFilterTablets": "hsl(180, 31%, 95%)",
                "n-DarkGrayishCyan": "hsl(180, 8%, 52%)",
                "n-VeryDarkGrayishCyan": "hsl(180, 14%, 20%)",
            },
            fontSize: {
                mainSize: "15px",
            },
            screens: {
                sm: "576px",
                md: "768px",
                lg: "992px",
                xl: "1200px",
                "2xl": "1400px",
            },
            container: {
                center: true,
                padding: "10px",
                screens: {
                    sm: "540px",
                    md: "720px",
                    lg: "960px",
                    xl: "1140px",
                    "2xl": "1320px",
                },
            },
            animation: {
                fade: "fade .2s linear ",
            },
            keyframes: {
                fade: {
                    "0%": {
                        transform: "translateY(-10px)",
                        opacity: "0",
                    },
                    "100%": {
                        transform: "translateY(0)",
                        opacity: "1",
                    },
                },
            },
        },
    },
    plugins: [],
};