-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathtailwind.config.ts
More file actions
210 lines (209 loc) · 8.49 KB
/
tailwind.config.ts
File metadata and controls
210 lines (209 loc) · 8.49 KB
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
// @ts-ignore
import tailwindScrollbar from 'tailwind-scrollbar';
import type { Config } from 'tailwindcss';
import colors from 'tailwindcss/colors';
import defaultConfig from 'tailwindcss/defaultConfig';
import plugin from 'tailwindcss/plugin';
const config: Config = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
darkMode: 'class',
theme: {
fontFamily: {
sfpro: ['var(--font-sfpro)', 'Arial', 'sans-serif'],
handjet: ['var(--font-handjet)', 'Arial', 'sans-serif'],
},
letterSpacing: {
none: '0',
normal: '.2em',
wide: '.3em',
},
screens: {
'2xs': '480px',
xs: '580px',
sm: '768px',
md: '950px',
lg: '1140px',
xl: '1330px',
'2xl': '1515px',
},
fontSize: {
...defaultConfig.theme?.fontSize,
xs: '0.672rem',
sm: '0.83rem',
lg: '1.172rem',
xl: '1.5rem',
'3xl': '2.17rem',
'4xl': '2.31rem',
},
colors: {
transparent: colors.transparent,
black: colors.black,
white: colors.white,
red: '#EB1616',
primary: '#3E3E3E',
secondary: '#4FB848',
highlight: 'var(--color-background-highlight)',
table_header: '#272727',
card: '#272727',
background: 'var(--color-background)',
bgSt: 'var(--color-background-stroke)',
bgHover: 'var(--color-background-hover)',
storiesGreen: '#223124',
dottedLine: '#E5C46B',
oldPalette: {
yellow: '#F3B101',
red: '#EB1616',
green: '#4FB848',
white: '#FFFFFFE5',
},
proposalLabel: '#B39B58',
},
extend: {
backgroundImage: {
cw3: `url('/img/icons/cw3.png')`,
cw3_h: `url('/img/icons/cw3-h.png')`,
github: `url('/img/icons/github.png')`,
github_h: `url('/img/icons/github-h.png')`,
x: `url('/img/icons/x.png')`,
x_h: `url('/img/icons/x-h.png')`,
facebook: `url('/img/icons/facebook.png')`,
facebook_h: `url('/img/icons/facebook-h.png')`,
tg: `url('/img/icons/tg.png')`,
tg_h: `url('/img/icons/tg-h.png')`,
reddit: `url('/img/icons/reddit.png')`,
reddit_h: `url('/img/icons/reddit-h.png')`,
blog: `url('/img/icons/blog.png')`,
blog_h: `url('/img/icons/blog-h.png')`,
search: `url('/img/icons/search.png')`,
search_h: `url('/img/icons/search-h.png')`,
hide: `url('/img/icons/navbar/hide.png')`,
hide_h: `url('/img/icons/navbar/hide-h.png')`,
hide_a: `url('/img/icons/navbar/hide-a.png')`,
close: `url('/img/icons/close.png')`,
close_h: `url('/img/icons/close-h.png')`,
close_a: `url('/img/icons/close-a.png')`,
plus: `url('/img/icons/plus.png')`,
plus_h: `url('/img/icons/plus-h.png')`,
plus_a: `url('/img/icons/plus-a.png')`,
triangle: `url('/img/icons/triangle.png')`,
triangle_h: `url('/img/icons/triangle-h.png')`,
triangle_a: `url('/img/icons/triangle-a.png')`,
triangle_w: `url('/img/icons/triangle_w.svg')`,
triangle_w_h: `url('/img/icons/triangle_w-h.svg')`,
triangle_w_a: `url('/img/icons/triangle_w-a.svg')`,
sort: `url('/img/icons/sort-icon.png')`,
sort_a: `url('/img/icons/sort-icon-a.png')`,
sort_h: `url('/img/icons/sort-icon-h.png')`,
star: `url('/img/icons/star.png')`,
star_h: `url('/img/icons/star-h.png')`,
web: `url('/img/icons/web.png')`,
web_h: `url('/img/icons/web-h.png')`,
go_big: `url('/img/icons/go-big.png')`,
go_big_h: `url('/img/icons/go-big-h.png')`,
go_big_a: `url('/img/icons/go-big-a.png')`,
eco: `url('/img/icons/merits/eco.png')`,
eco_h: `url('/img/icons/merits/eco-h.png')`,
keyhole: `url('/img/icons/merits/keyhole.png')`,
keyhole_h: `url('/img/icons/merits/keyhole-h.png')`,
github_g: `url('/img/icons/merits/github-gold.png')`,
github_g_h: `url('/img/icons/merits/github-gold-h.png')`,
approved: `url('/img/icons/approved.png')`,
approved_h: `url('/img/icons/approved-h.png')`,
approved_a: `url('/img/icons/approved-a.png')`,
disapproved: `url('/img/icons/disapproved.png')`,
disapproved_h: `url('/img/icons/disapproved-h.png')`,
disapproved_a: `url('/img/icons/disapproved-a.png')`,
hash_txs: `url('/img/icons/medals/hash-txs.png')`,
hash_txs_h: `url('/img/icons/medals/hash-txs-h.png')`,
horcrux: `url('/img/icons/medals/horcrux.png')`,
horcrux_h: `url('/img/icons/medals/horcrux-h.png')`,
restake: `url('/img/icons/medals/restake.png')`,
restake_h: `url('/img/icons/medals/restake-h.png')`,
reward_re: `url('/img/icons/medals/reward-reinvesting.png')`,
reward_re_h: `url('/img/icons/medals/reward-reinvesting-h.png')`,
slashed: `url('/img/icons/medals/slashed.png')`,
slashed_h: `url('/img/icons/medals/slashed-h.png')`,
copy: `url('/img/icons/copy-button.png')`,
copy_h: `url('/img/icons/copy-button-h.png')`,
copy_a: `url('/img/icons/copy-button-a.png')`,
calendar: `url('/img/icons/calendar.png')`,
reset: `url('/img/icons/reset-button.png')`,
reset_h: `url('/img/icons/reset-button-h.png')`,
reset_a: `url('/img/icons/reset-button-a.png')`,
rich_list: `url('/img/icons/medals-network-profile/rich-list-light.png')`,
rich_list_h: `url('/img/icons/medals-network-profile/rich-list-light-h.png')`,
rich_list_a: `url('/img/icons/medals-network-profile/rich-list-light-a.png')`,
distribution: `url('/img/icons/medals-network-profile/distribution-light.png')`,
distribution_h: `url('/img/icons/medals-network-profile/distribution-light-h.png')`,
distribution_a: `url('/img/icons/medals-network-profile/distribution-light-a.png')`,
proposal: `url('/img/icons/medals/proposal.png')`,
proposal_h: `url('/img/icons/medals/proposal-h.png')`,
cursor: `url('/img/icons/cursor.svg')`,
cursor_h: `url('/img/icons/cursor-h.svg')`,
cursor_a: `url('/img/icons/cursor-a.svg')`,
qrcode: `url('/img/icons/qrcode-button.png')`,
qrcode_h: `url('/img/icons/qrcode-button-h.png')`,
qrcode_a: `url('/img/icons/qrcode-button-a.png')`,
d_pad: `url('/img/icons/d-pad.svg')`,
gameboy_btn: `url('/img/icons/gameboy-btn.svg')`,
gameboy_btn_h: `url('/img/icons/gameboy-btn-h.svg')`,
gameboy_btn_a: `url('/img/icons/gameboy-btn-a.svg')`,
gameboy_btn_f: `url('/img/icons/gameboy-btn-f.svg')`,
gameboy_a_btn: `url('/img/icons/gameboy-a-btn.svg')`,
gameboy_a_btn_h: `url('/img/icons/gameboy-a-btn-h.svg')`,
gameboy_a_btn_a: `url('/img/icons/gameboy-a-btn-a.svg')`,
gameboy_b_btn: `url('/img/icons/gameboy-b-btn.svg')`,
gameboy_b_btn_h: `url('/img/icons/gameboy-b-btn-h.svg')`,
gameboy_b_btn_a: `url('/img/icons/gameboy-b-btn-a.svg')`,
loudspeaker: `url('/img/icons/loudspeaker.svg')`,
console_menu_arrow: `url('/img/icons/console-menu-arrow.svg')`,
joystick_arrow: `url('/img/icons/joystick-arrow.svg')`,
joystick_arrow_a: `url('/img/icons/joystick-arrow-a.svg')`,
},
textShadow: {
sm: '1px 1px 0 var(--tw-shadow-color)',
DEFAULT: '0 2px 4px var(--tw-shadow-color)',
lg: '0 8px 16px var(--tw-shadow-color)',
},
transitionProperty: {
width: 'width',
},
boxShadow: {
chat: '0 0 .125rem #000,0 0 .125rem #000,0 .125rem 0.25rem #000',
'3xl': '0 0 .5rem #000,0 0 .5rem #000,0 0 2rem #000',
'2xl': '0 0 .25rem #E5C46B,0 0 .25rem #E5C46B,0 0 1rem #E5C46B',
button: '0 0 .125rem #000,0 0 .125rem #000,0 .5rem .5rem #000',
'button-highlight': '0 0 .125rem #3E3E3E,0 0 .125rem #3E3E3E,0 .5rem .5rem #3E3E3E',
'button-greenlight': '0 0 .125rem #4FB848,0 0 .125rem #4FB848,0 .5rem .5rem #4FB848',
line: '0 0 .125rem #000,0 .25rem .125rem #000,0 .5rem .5rem #000',
},
charts: {
width: '290px',
doughnut: {
labels: {
width: 25,
height: 25,
},
},
},
},
},
plugins: [
tailwindScrollbar({}),
plugin(function ({ matchUtilities, theme }) {
matchUtilities(
{
'text-shadow': (value) => ({
textShadow: value,
}),
},
{ values: theme('textShadow') },
);
}),
],
};
export default config;