-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
144 lines (142 loc) · 4.4 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
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
/** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin');
const backfaceVisibility = plugin(function ({ addUtilities }) {
addUtilities({
'.backface-visible': {
'backface-visibility': 'visible',
'-webkit-backface-visibility': 'hidden',
'-moz-backface-visibility': 'hidden',
'-ms-backface-visibility': 'hidden',
},
'.backface-hidden': {
'backface-visibility': 'hidden',
'-webkit-backface-visibility': 'hidden',
'-moz-backface-visibility': 'hidden',
'-ms-backface-visibility': 'hidden',
},
});
});
module.exports = {
darkMode: 'class',
content: ['./src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
colors: {
whiteAlpha: {
50: '#ffffff0a',
100: '#ffffff0f',
200: '#ffffff14',
300: '#ffffff29',
400: '#ffffff3d',
500: '#ffffff5C',
600: '#ffffff7a',
700: '#ffffffa3',
800: '#ffffffcc',
900: '#ffffffeb',
},
blackAlpha: {
50: '#0000000a',
},
brand: {
50: '#ffe5f1',
100: '#ffcce4',
150: '#F7FAFC',
200: '#ffb3d7',
300: '#ff99ca',
400: '#ff80bd',
500: '#FF5CAA',
600: '#ff4da3',
700: '#ff3396',
800: '#ff1a88',
900: '#5d1738',
},
gray100: '#EDF2F7',
gray200: '#E2E8F0',
gray600: '#4A5568',
gray700: '#2D3748',
gray800: '#1A202C',
},
animation: {
border: 'border 4s ease infinite',
text: 'text 4s ease infinite',
'fade-in': 'fadeIn 2s ease-in-out',
'slide-up': 'slideUp 2s ease-in-out',
},
keyframes: {
border: {
'0%, 100%': { backgroundPosition: '0% 50%' },
'50%': { backgroundPosition: '100% 50%' },
},
text: {
'0%, 100%': {
'background-size': '200% 200%',
'background-position': 'left center',
},
'50%': {
'background-size': '200% 200%',
'background-position': 'right center',
},
},
fadeIn: {
'0%': { opacity: '0.3' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { transform: 'translateY(100px)', opacity: '0' },
'100%': { transform: 'translateY(0px)', opacity: '1' },
},
},
backgroundImage: {
braindao: "url('/images/braindao.png')",
brainie: "url('/images/brain.png')",
hero: "url('/images/hero-bg.png')",
'braindao-sm': "url('/images/braindao-sm.png')",
'about-us': "url('/images/aboutus.png')",
coingecko: "url('/svgs/coingecko.svg')",
eth: "url('/svgs/eth.svg')",
graph: "url('/svgs/graph.svg')",
magic: "url('/svgs/magic.svg')",
twitter: "url('/svgs/twitter.svg')",
'twitter-dark': "url('/svgs/twitter-dark.svg')",
linkedln: "url('/svgs/linkedln.svg')",
'linkedln-dark': "url('/svgs/linkedln-dark.svg')",
everipedia: "url('/svgs/everipedia.svg')",
'everipedia-dark': "url('/svgs/everipedia-dark.svg')",
'magic-white': "url('/svgs/magic-white.svg')",
'wiki-image': "url('/images/iqwiki-widget.png')",
'wiki-widget-dark': "url('/images/iqwiki-widget-dark.png')",
'wiki-homepage': "url('/images/iqwiki-homepage.png')",
'wiki-homepage-dark': "url('/images/iqwiki-homepage-dark.png')",
'iqgpt-mockup': "url('/images/iq-gpt-mockup.png')",
'iqgpt-mockup-dark': "url('/images/iq-gpt-mockup-dark-2.png')",
'iqgpt-widget-dark': "url('/images/iqgpt-widget.png')",
'iqgpt-widget': "url('/images/iqgpt-widget-light.png')",
'iqgpt-widget-2-dark': "url('/images/iqgpt-widget-2.png')",
'iqgpt-widget-2': "url('/images/iqgpt-widget-1-light.png')",
'iqgpt-widget-3-dark': "url('/images/iqgpt-widget-3.png')",
'iqgpt-widget-3': "url('/images/iqgpt-widget-2-light.png')",
'iq-dashboard-mockup': "url('/images/iq-dashboard-mockup.png')",
locked: "url('/images/locked.png')",
raffles: "url('/images/raffles.png')",
'iq-dashboard-mockup-dark':
"url('/images/iq-dashboard-mockup-dark.png')",
'wiki-rank': "url('/images/iqwiki-rank.png')",
'wiki-rank-dark': "url('/images/iqwiki-rank-dark.png')",
'gradient-linear':
'linear-gradient(360deg, #1A202C 46.49%, rgba(26, 32, 44, 0.00) 86.97%)',
'gradient-linear-light':
'linear-gradient(3deg, #F9FAFB 46.15%, rgba(255, 255, 255, 0.00) 97.82%)',
'video-gradient':
'linear-gradient(0deg, #000206 42%, rgba(0, 2, 6, 0.00) 97%)',
'video-gradient-top':
'linear-gradient(180deg, #000206 42%, rgba(0, 2, 6, 0.00) 97%)',
},
},
},
plugins: [
function ({ addVariant }) {
addVariant('children', '& > *');
},
backfaceVisibility,
],
};