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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./node_modules/flowbite-react/**/*.js', './src/**/*.{js,ts,jsx,tsx}'],
plugins: [require('flowbite/plugin')],
darkMode: 'class',
theme: {
extend: {
typography: {
DEFAULT: {
css: {
b: {
fontWeight: 'inherit'
}
}
}
},
container: {
screens: {
xl: '1288px'
}
},
fontFamily: {
sans: ['Inter', 'sans-serif']
},
fontSize: {
'display-lg': ['56px', '100%'],
'display-md': ['48px', '100%'],
'display-sm': ['36px', '100%'],
'title-lg': ['28px', '121%'],
'title-md': ['24px', '121%'],
'title-sm': ['20px', '121%'],
'h-lg': ['18px', '121%'],
'h-md': ['17px', '121%'],
'h-sm': ['16px', '121%'],
'body-1': ['15px', '121%'],
'body-2': ['14px', '121%'],
'paragraph-1': ['15px', '140%'],
'paragraph-2': ['14px', '140%'],
'caption-1': ['13px', '121%'],
'caption-2': ['12px', '121%']
},
colors: {
gray_r: {
1: '#fcfcfc',
2: '#f8f8f8',
3: '#f3f3f3',
4: '#ededed',
5: '#e8e8e8',
6: '#e2e2e2',
7: '#dbdbdb',
8: '#c7c7c7',
9: '#8f8f8f',
10: '#858585',
11: '#6f6f6f',
12: '#171717'
},
primary: {
100: "#FDDACC",
200: "#FCAE99",
300: "#F67766",
400: "#ED4540",
500: "#E20613",
600: "#C20420",
700: "#A20329",
800: "#83012C",
900: "#6C012D",
},
success: {
100: "#ECFBD2",
200: "#D4F8A6",
300: "#B1EB77",
400: "#8ED853",
500: "#5EBF22",
600: "#45A418",
700: "#308911",
800: "#1E6E0A",
900: "#125B06",
},
info: {
100: "#CAFDF8",
200: "#97FBF9",
300: "#62EDF5",
400: "#3BD5EC",
500: "#00B3E0",
600: "#008BC0",
700: "#0068A1",
800: "#004A81",
900: "#00356B",
},
warning: {
100: "#FEF8CD",
200: "#FEEF9C",
300: "#FCE26B",
400: "#FAD646",
500: "#F8C20A",
600: "#D5A107",
700: "#B28305",
800: "#8F6503",
900: "#775101",
},
danger: {
100: "#FCE0D1",
200: "#F9BBA5",
300: "#EF8B76",
400: "#E05E52",
500: "#CC2020",
600: "#AF1724",
700: "#921026",
800: "#760A26",
900: "#610625"
}
}
}
},
plugins: [require('@tailwindcss/line-clamp'), require('@tailwindcss/typography')]
}
|
