-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
70 lines (70 loc) · 1.64 KB
/
tailwind.config.js
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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/components/*.{jsx,js}", "./src/pages/*.{jsx,js}"],
theme: {
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1440px',
},
fontSize: {
xs: ['0.75rem', {
lineHeight: '1.4'
}],
sm: ['0.875rem', {
lineHeight: '1.4'
}],
base: ['1rem', {
lineHeight: '1.4'
}],
lg: ['1.125rem', {
lineHeight: '1.2'
}],
xl: ['1.25rem', {
lineHeight: '1.2'
}],
'2xl': ['1.5rem', {
lineHeight: '1.2'
}],
'3xl': ['1.875rem', {
lineHeight: '1.2'
}],
'4xl': ['2.25rem', {
lineHeight: '1.2'
}],
'5xl': ['3rem', {
lineHeight: '1.2'
}],
'6xl': ['3.75rem', {
lineHeight: '1.2'
}],
},
colors: {
'dark-blue': '#0c0d14',
'purple': '#813efb',
'yellow': '#ffaf1b',
'black': '#212121',
'dark-gray': '#17171b',
'light-gray': '#99a1ba',
'p-gray': '#000000cc',
'white': '#f6f6f6',
'light-blue': '#1fb6ff',
'green': '#6de593',
'blue-purple': '#4a3aff'
},
fontFamily: {
Montserrat: ['Montserrat', 'sans-serif'],
},
extend: {
backgroundImage: {
'main': "url('/assets/gradient.webp')",
'tri': "url('/assets/white-tri.webp')",
'l-blur': "url('/assets/left-blur.webp')",
'r-blur': "url('/assets/right-blur.webp')",
'team': "linear-gradient(to top, rgba(12, 13, 20, 1) 20%, rgba(12, 13, 20, 0.0) 100%), url('/assets/team.webp')"
}
},
},
plugins: [],
}