next-blog/tailwind.config.js at main · serhiyhvala/next-blog · 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
53
54
55
56
57
58
59
60
61
62
63
/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './pages/**/*.{js,ts,jsx,tsx,mdx}',
        './components/**/*.{js,ts,jsx,tsx,mdx}',
        './app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    theme: {
        fontSize: {
            "logo": ["36px", {
                lineHeight: '1.26',
                fontWeight: '600'
            }],
            "heading": ["64px", {
                lineHeight: '1.26',
                fontWeight: '700'
            }],
            "heading2": ["50px", {
                lineHeight: '1.26',
                fontWeight: '700'
            }],
            "sub-heading1": ["24px", {
                lineHeight: '1.26',
                fontWeight: '700'
            }],
            "sub-heading2": ["20px", {
                lineHeight: '1.26',
                fontWeight: '700'
            }],
            "paragraph": ["20px", {
                lineHeight: "1.26",
                fontWeight: '400'
            }],
            "paragraph2": ["18px", {
                lineHeight: '1.26',
                fontWeight: "400"
            }],
            "paragraph3": ["16px", {
                lineHeight: '1.26',
                fontWeight: "600"
            }],
            "paragraph4": ["14px", {
                lineHeight: '1.26',
                fontWeight: "400"
            }]
        },
        extend: {
            colors: {
                "light-gray-1": '#EFF0F3',
                "light-gray-2": "#E4E5E9",
                "gray": "#C0C0C0",
                "dark-gray": "#9A9494",
                "black": '#2B2C34',
                "blue": '#6246EA',
                "dark-blue": "#001858"
            },
            maxWidth: {
                "container": "1290px"
            }
        }
    },
    plugins: [],
}