-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
54 lines (53 loc) · 1.32 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
/** @type {import('tailwindcss').Config} */
export default {
content: ['./**/*.html', './src/**/*.js'],
theme: {
screens: {
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1440px',
},
colors: {
primary: "#111111",
secondary: "#F5F0EC",
accent: "#1B5B31",
background: "#DCC1AB",
white: "#FFFFFF",
black: "#000000",
grad: "#D6B79E00",
header: "rgba(255, 255, 255, 0.4)",
transparent: "transparent",
},
width: {
lg: "1440px",
},
padding: {
lg: "89px",
},
fontFamily: {
'title': ['"Montserrat", sans-serif'],
'body': ['"Inter", system-ui, sans-serif'],
},
extend: {
keyframes: {
fadeTop: {
'0%': { transform: 'translateY(-150px)', opacity: 0},
'100%': { transform: 'translateY(0)', opacity: 1 },
},
fadeLeft: {
'0%': { transform: 'translateX(-150px)', opacity: 0},
'100%': { transform: 'translateX(0)', opacity: 1 },
},
swing: {
'0%': { transform: 'rotate(6deg)' },
'4%': { transform: 'rotate(-6deg)' },
'8%': { transform: 'rotate(3deg)' },
'12%': { transform: 'rotate(-3deg)' },
'16%': { transform: 'rotate(0)' },
}
}
},
},
plugins: [],
}