-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
77 lines (77 loc) · 1.81 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
71
72
73
74
75
76
77
module.exports = {
mode: 'jit',
content: ['./pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}'],
// darkMode: 'media',
theme: {
extend: {
colors: {
bg: {
page: '#dce4e8',
card: '#edf1f2'
},
landing: { // Landing bg gradient
g1: '#A4C3D5',
g2: '#D1DCE2',
},
text: {
DEFAULT: '#000',
},
primary: {
DEFAULT: '#03C5B2', // F6D047
accent: '#102E82'
},
secondary: {
DEFAULT: '#102E82',
},
co: {
red: '#BF2C34',
blue: '#102E82',
yellow: '#F6D047'
}
},
fontFamily: {
primary: ['Barlow', 'sans-serif'],
secondary: ['VT323', 'monospace'],
heading: ['Barlow', 'sans-serif'], // Changa
'brand': ['"Suez One"', 'sans-serif'],
},
animation: {
'spin-slow': 'spin 20s linear infinite',
pulsate: 'pulsate 5s ease-in-out infinite both',
pop: 'pop 200ms ease-out',
'moving-bg': 'movingBackground 20s ease infinite',
},
keyframes: {
pulsate: {
'from, to': {
transform: 'scale(1)',
},
'50%': {
transform: 'scale(0.8)',
},
},
pop: {
'from, to': {
transform: 'scale(1)',
},
'50%': {
transform: 'scale(1.05)',
filter: 'blur(2px)',
},
},
movingBackground: {
'0%': {backgroundPosition: '0% 0%'},
'50%':{backgroundPosition: '100% 100%'},
'100%':{backgroundPosition: '0% 0%'}
},
},
backgroundSize: {
'oversize': '200% 200%'
}
},
},
variants: {
extend: {},
},
plugins: [],
}