data endpoint for entity 90008 (aka. a website)
style: format
+396
-377
+342
-319
src/styles/app.css
+342
-319
src/styles/app.css
···
5
5
@tailwind utilities;
6
6
7
7
@layer base {
8
-
:root {
9
-
@apply font-sans-serif bg-ralsei-black text-ralsei-white;
10
-
@apply prose-code:font-monospace prose-headings:font-monospace;
11
-
cursor: url('/icons/gaze_closed.webp'), default;
12
-
scrollbar-color: theme(colors.ralsei.green.dark) transparent;
13
-
-webkit-font-smoothing: none !important;
14
-
font-smooth: never !important;
15
-
font-smoothing: none !important;
16
-
}
8
+
:root {
9
+
@apply font-sans-serif bg-ralsei-black text-ralsei-white;
10
+
@apply prose-code:font-monospace prose-headings:font-monospace;
11
+
cursor: url('/icons/gaze_closed.webp'), default;
12
+
scrollbar-color: theme(colors.ralsei.green.dark) transparent;
13
+
-webkit-font-smoothing: none !important;
14
+
font-smooth: never !important;
15
+
font-smoothing: none !important;
16
+
}
17
17
18
-
@font-face {
19
-
font-family: 'Fusion Pixel 10px Monospaced zh_hans';
20
-
src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2');
21
-
font-weight: normal;
22
-
font-style: normal;
23
-
font-display: swap;
24
-
}
18
+
@font-face {
19
+
font-family: 'Fusion Pixel 10px Monospaced zh_hans';
20
+
src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2');
21
+
font-weight: normal;
22
+
font-style: normal;
23
+
font-display: swap;
24
+
}
25
25
26
-
@font-face {
27
-
font-family: 'Fusion Pixel 10px Proportional zh_hans';
28
-
src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2');
29
-
font-weight: normal;
30
-
font-style: normal;
31
-
font-display: swap;
32
-
}
26
+
@font-face {
27
+
font-family: 'Fusion Pixel 10px Proportional zh_hans';
28
+
src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2');
29
+
font-weight: normal;
30
+
font-style: normal;
31
+
font-display: swap;
32
+
}
33
33
34
-
@font-face {
35
-
font-family: 'Doll Mono';
36
-
src: url('/fonts/dollmonoopt.woff2') format('woff2');
37
-
}
34
+
@font-face {
35
+
font-family: 'Doll Mono';
36
+
src: url('/fonts/dollmonoopt.woff2') format('woff2');
37
+
}
38
38
39
-
.prose h1::before {
40
-
content: '[ ';
41
-
}
42
-
.prose h1::after {
43
-
content: ' ]';
44
-
}
39
+
.prose h1::before {
40
+
content: '[ ';
41
+
}
42
+
.prose h1::after {
43
+
content: ' ]';
44
+
}
45
45
46
-
.prose h2::before {
47
-
content: '[= ';
48
-
}
49
-
.prose h2::after {
50
-
content: ' =]';
51
-
}
52
-
53
-
.prose h3::before {
54
-
content: '[== ';
55
-
}
56
-
.prose h3::after {
57
-
content: ' ==]';
58
-
}
59
-
60
-
.prose h4::before {
61
-
content: '[=== ';
62
-
}
63
-
.prose h4::after {
64
-
content: ' ===]';
65
-
}
46
+
.prose h2::before {
47
+
content: '[= ';
48
+
}
49
+
.prose h2::after {
50
+
content: ' =]';
51
+
}
52
+
53
+
.prose h3::before {
54
+
content: '[== ';
55
+
}
56
+
.prose h3::after {
57
+
content: ' ==]';
58
+
}
66
59
67
-
/* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
60
+
.prose h4::before {
61
+
content: '[=== ';
62
+
}
63
+
.prose h4::after {
64
+
content: ' ===]';
65
+
}
66
+
67
+
/* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
68
68
@apply motion-safe:animate-blink;
69
69
content: '_';
70
70
} */
71
71
72
-
.prose a {
73
-
text-decoration: none;
74
-
}
72
+
.prose a {
73
+
text-decoration: none;
74
+
}
75
75
76
-
.prose a:hover {
77
-
@apply motion-safe:animate-squiggle;
78
-
text-decoration: underline;
79
-
}
76
+
.prose a:hover {
77
+
@apply motion-safe:animate-squiggle;
78
+
text-decoration: underline;
79
+
}
80
80
81
-
h1,h2,h3,h4,h5,h6,.text-shadow-pink {
82
-
text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3;
83
-
}
81
+
h1,
82
+
h2,
83
+
h3,
84
+
h4,
85
+
h5,
86
+
h6,
87
+
.text-shadow-pink {
88
+
text-shadow:
89
+
0 0 3px theme(colors.ralsei.black),
90
+
0 0 6px theme(colors.ralsei.pink.neon),
91
+
0 0 10px #fff3;
92
+
}
84
93
85
-
.text-shadow-red {
86
-
text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600);
87
-
}
94
+
.text-shadow-red {
95
+
text-shadow:
96
+
0 0 1px theme(colors.ralsei.black),
97
+
0 0 5px theme(colors.red.600);
98
+
}
88
99
89
-
.text-shadow-none {
90
-
text-shadow: none;
91
-
}
100
+
.text-shadow-none {
101
+
text-shadow: none;
102
+
}
92
103
93
-
.prose ul, ul {
94
-
list-style-type: '>>';
95
-
}
104
+
.prose ul,
105
+
ul {
106
+
list-style-type: '>>';
107
+
}
96
108
97
-
.text-shadow-green {
98
-
text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.green.light);
99
-
}
109
+
.text-shadow-green {
110
+
text-shadow:
111
+
0 0 2px theme(colors.ralsei.black),
112
+
0 0 5px theme(colors.ralsei.green.light);
113
+
}
100
114
101
-
a,button,input[type=submit] {
102
-
@apply text-shadow-green;
103
-
cursor: url('/icons/gaze.webp'), pointer;
104
-
}
115
+
a,
116
+
button,
117
+
input[type='submit'] {
118
+
@apply text-shadow-green;
119
+
cursor: url('/icons/gaze.webp'), pointer;
120
+
}
105
121
106
-
.animate-squiggle {
107
-
animation: squigglevision 0.3s infinite;
108
-
}
122
+
.animate-squiggle {
123
+
animation: squigglevision 0.3s infinite;
124
+
}
109
125
110
-
@keyframes squigglevision {
111
-
0% {
112
-
filter: url("#squiggly-0");
113
-
}
114
-
25% {
115
-
filter: url("#squiggly-1");
116
-
}
117
-
50% {
118
-
filter: url("#squiggly-2");
119
-
}
120
-
75% {
121
-
filter: url("#squiggly-3");
122
-
}
123
-
100% {
124
-
filter: url("#squiggly-4");
125
-
}
126
-
}
126
+
@keyframes squigglevision {
127
+
0% {
128
+
filter: url('#squiggly-0');
129
+
}
130
+
25% {
131
+
filter: url('#squiggly-1');
132
+
}
133
+
50% {
134
+
filter: url('#squiggly-2');
135
+
}
136
+
75% {
137
+
filter: url('#squiggly-3');
138
+
}
139
+
100% {
140
+
filter: url('#squiggly-4');
141
+
}
142
+
}
127
143
128
-
@keyframes blink {
129
-
0% {
130
-
opacity: 1.0;
131
-
}
132
-
50% {
133
-
opacity: 0.0;
134
-
}
135
-
100% {
136
-
opacity: 1.0;
137
-
}
138
-
}
144
+
@keyframes blink {
145
+
0% {
146
+
opacity: 1;
147
+
}
148
+
50% {
149
+
opacity: 0;
150
+
}
151
+
100% {
152
+
opacity: 1;
153
+
}
154
+
}
139
155
}
140
156
141
157
@layer utilities {
142
-
.text-error {
158
+
.text-error {
143
159
@apply text-xl text-red-600 text-shadow-red;
144
160
}
145
161
146
-
.border-groove {
147
-
border-style: groove;
148
-
}
162
+
.border-groove {
163
+
border-style: groove;
164
+
}
165
+
166
+
.border-ridge {
167
+
border-style: ridge;
168
+
}
169
+
170
+
.app-grid-background-anim {
171
+
animation: 4s linear app-grid-move-first-layer infinite;
172
+
}
149
173
150
-
.border-ridge {
151
-
border-style: ridge;
152
-
}
174
+
.app-grid-background-second-layer-anim {
175
+
animation: 12s linear app-grid-move-second-layer infinite;
176
+
}
153
177
154
-
.app-grid-background-anim {
155
-
animation: 4s linear app-grid-move-first-layer infinite;
156
-
}
157
-
158
-
.app-grid-background-second-layer-anim {
159
-
animation: 12s linear app-grid-move-second-layer infinite;
160
-
}
178
+
@keyframes app-grid-move-first-layer {
179
+
0% {
180
+
background-position: 0px 0px;
181
+
}
182
+
100% {
183
+
background-position: 126px 84px;
184
+
}
185
+
}
161
186
162
-
@keyframes app-grid-move-first-layer {
163
-
0% {
164
-
background-position: 0px 0px;
165
-
}
166
-
100% {
167
-
background-position: 126px 84px;
168
-
}
169
-
}
170
-
171
-
@keyframes app-grid-move-second-layer {
172
-
0% {
173
-
background-position: 96px 120px;
174
-
}
175
-
100% {
176
-
background-position: 0px 0px;
177
-
}
178
-
}
187
+
@keyframes app-grid-move-second-layer {
188
+
0% {
189
+
background-position: 96px 120px;
190
+
}
191
+
100% {
192
+
background-position: 0px 0px;
193
+
}
194
+
}
179
195
180
-
@media (prefers-reduced-motion: no-preference) {
181
-
@keyframes bounce-reverse {
182
-
0%, 100% {
183
-
transform: none;
184
-
animation-timing-function: cubic-bezier(0,0,0.2,1);
185
-
}
186
-
50% {
187
-
transform: translateY(-25%);
188
-
animation-timing-function: cubic-bezier(0.8,0,1,1);
189
-
}
190
-
}
191
-
}
192
-
@media (prefers-reduced-motion: no-preference) {
193
-
.animate-bounce-reverse:hover {
194
-
animation: bounce-reverse 1s infinite;
195
-
}
196
-
}
196
+
@media (prefers-reduced-motion: no-preference) {
197
+
@keyframes bounce-reverse {
198
+
0%,
199
+
100% {
200
+
transform: none;
201
+
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
202
+
}
203
+
50% {
204
+
transform: translateY(-25%);
205
+
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
206
+
}
207
+
}
208
+
}
209
+
@media (prefers-reduced-motion: no-preference) {
210
+
.animate-bounce-reverse:hover {
211
+
animation: bounce-reverse 1s infinite;
212
+
}
213
+
}
197
214
}
198
215
199
216
a.app-selected-route {
200
-
text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.pink.regular);
217
+
text-shadow:
218
+
0 0 2px theme(colors.ralsei.black),
219
+
0 0 5px theme(colors.ralsei.pink.regular);
201
220
}
202
221
203
222
.app-grid-background {
204
-
background-image:
205
-
linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px),
206
-
linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px);
207
-
background-size: 100% 42px, 42px 100%;
223
+
background-image:
224
+
linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px),
225
+
linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px);
226
+
background-size:
227
+
100% 42px,
228
+
42px 100%;
208
229
}
209
230
210
231
.app-grid-background-second-layer {
211
-
background-image:
212
-
linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px),
213
-
linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px);
214
-
background-size: 100% 24px, 24px 100%;
232
+
background-image:
233
+
linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px),
234
+
linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px);
235
+
background-size:
236
+
100% 24px,
237
+
24px 100%;
215
238
}
216
239
217
240
@media (prefers-reduced-motion: no-preference) {
218
-
.animate-window-open {
219
-
animation: 0.5s ease-out window-open-scale forwards;
220
-
}
221
-
222
-
.animate-window-open-vertical {
223
-
animation: 0.5s ease-out window-open-scale-vertical forwards;
224
-
transform-origin: bottom;
225
-
}
226
-
227
-
.animate-window-open-horizontal {
228
-
animation: 0.5s ease-out window-open-scale-horizontal forwards;
229
-
transform-origin: left;
230
-
}
241
+
.animate-window-open {
242
+
animation: 0.5s ease-out window-open-scale forwards;
243
+
}
231
244
232
-
.animate-window-open-move-up {
233
-
animation: 0.5s ease-out window-open-move-up forwards;
234
-
}
245
+
.animate-window-open-vertical {
246
+
animation: 0.5s ease-out window-open-scale-vertical forwards;
247
+
transform-origin: bottom;
248
+
}
235
249
236
-
.animate-window-open-move-down {
237
-
animation: 0.5s ease-out window-open-move-down forwards;
238
-
}
250
+
.animate-window-open-horizontal {
251
+
animation: 0.5s ease-out window-open-scale-horizontal forwards;
252
+
transform-origin: left;
253
+
}
239
254
240
-
.animate-window-open-move-left {
241
-
animation: 0.5s ease-out window-open-move-left forwards;
242
-
}
255
+
.animate-window-open-move-up {
256
+
animation: 0.5s ease-out window-open-move-up forwards;
257
+
}
243
258
244
-
.animate-window-open-move-right {
245
-
animation: 0.5s ease-out window-open-move-right forwards;
246
-
}
259
+
.animate-window-open-move-down {
260
+
animation: 0.5s ease-out window-open-move-down forwards;
261
+
}
247
262
248
-
.animate-overflow-keep-hidden {
249
-
animation: 0.6s linear overflow-keep-hidden forwards;
250
-
}
251
-
252
-
@keyframes window-open-scale {
253
-
0% {
254
-
scale: 0.0;
255
-
opacity: 0.0;
256
-
}
257
-
20% {
258
-
scale: 0.0;
259
-
}
260
-
60% {
261
-
opacity: 0.5;
262
-
}
263
-
100% {
264
-
scale: 1.0;
265
-
opacity: 1.0;
266
-
}
267
-
}
268
-
269
-
@keyframes window-open-scale-vertical {
270
-
0% {
271
-
scale: 1.0 0.0;
272
-
opacity: 0.0;
273
-
}
274
-
20% {
275
-
scale: 1.0 0.0;
276
-
}
277
-
60% {
278
-
opacity: 0.5;
279
-
}
280
-
100% {
281
-
scale: 1.0 1.0;
282
-
opacity: 1.0;
283
-
}
284
-
}
285
-
286
-
@keyframes window-open-scale-horizontal {
287
-
0% {
288
-
scale: 0.0 1.0;
289
-
opacity: 0.0;
290
-
}
291
-
20% {
292
-
scale: 0.0 1.0;
293
-
}
294
-
60% {
295
-
opacity: 0.5;
296
-
}
297
-
100% {
298
-
scale: 1.0 1.0;
299
-
opacity: 1.0;
300
-
}
301
-
}
263
+
.animate-window-open-move-left {
264
+
animation: 0.5s ease-out window-open-move-left forwards;
265
+
}
302
266
303
-
@keyframes window-open-move-down {
304
-
0% {
305
-
translate: 0 10rem;
306
-
opacity: 0.0;
307
-
}
308
-
20% {
309
-
translate: 0 10rem;
310
-
}
311
-
60% {
312
-
opacity: 0.5;
313
-
}
314
-
100% {
315
-
translate: normal;
316
-
opacity: 1.0;
317
-
}
318
-
}
267
+
.animate-window-open-move-right {
268
+
animation: 0.5s ease-out window-open-move-right forwards;
269
+
}
319
270
320
-
@keyframes window-open-move-up {
321
-
0% {
322
-
translate: 0 -10rem;
323
-
opacity: 0.0;
324
-
}
325
-
20% {
326
-
translate: 0 -10rem;
327
-
}
328
-
60% {
329
-
opacity: 0.5;
330
-
}
331
-
100% {
332
-
translate: normal;
333
-
opacity: 1.0;
334
-
}
335
-
}
271
+
.animate-overflow-keep-hidden {
272
+
animation: 0.6s linear overflow-keep-hidden forwards;
273
+
}
336
274
337
-
@keyframes window-open-move-left {
338
-
0% {
339
-
translate: 10rem 0;
340
-
opacity: 0.0;
341
-
}
342
-
20% {
343
-
translate: 10rem 0;
344
-
}
345
-
60% {
346
-
opacity: 0.5;
347
-
}
348
-
100% {
349
-
translate: normal;
350
-
opacity: 1.0;
351
-
}
352
-
}
275
+
@keyframes window-open-scale {
276
+
0% {
277
+
scale: 0;
278
+
opacity: 0;
279
+
}
280
+
20% {
281
+
scale: 0;
282
+
}
283
+
60% {
284
+
opacity: 0.5;
285
+
}
286
+
100% {
287
+
scale: 1;
288
+
opacity: 1;
289
+
}
290
+
}
291
+
292
+
@keyframes window-open-scale-vertical {
293
+
0% {
294
+
scale: 1 0;
295
+
opacity: 0;
296
+
}
297
+
20% {
298
+
scale: 1 0;
299
+
}
300
+
60% {
301
+
opacity: 0.5;
302
+
}
303
+
100% {
304
+
scale: 1 1;
305
+
opacity: 1;
306
+
}
307
+
}
308
+
309
+
@keyframes window-open-scale-horizontal {
310
+
0% {
311
+
scale: 0 1;
312
+
opacity: 0;
313
+
}
314
+
20% {
315
+
scale: 0 1;
316
+
}
317
+
60% {
318
+
opacity: 0.5;
319
+
}
320
+
100% {
321
+
scale: 1 1;
322
+
opacity: 1;
323
+
}
324
+
}
325
+
326
+
@keyframes window-open-move-down {
327
+
0% {
328
+
translate: 0 10rem;
329
+
opacity: 0;
330
+
}
331
+
20% {
332
+
translate: 0 10rem;
333
+
}
334
+
60% {
335
+
opacity: 0.5;
336
+
}
337
+
100% {
338
+
translate: normal;
339
+
opacity: 1;
340
+
}
341
+
}
342
+
343
+
@keyframes window-open-move-up {
344
+
0% {
345
+
translate: 0 -10rem;
346
+
opacity: 0;
347
+
}
348
+
20% {
349
+
translate: 0 -10rem;
350
+
}
351
+
60% {
352
+
opacity: 0.5;
353
+
}
354
+
100% {
355
+
translate: normal;
356
+
opacity: 1;
357
+
}
358
+
}
353
359
354
-
@keyframes window-open-move-right {
355
-
0% {
356
-
translate: -10rem 0;
357
-
opacity: 0.0;
358
-
}
359
-
20% {
360
-
translate: -10rem 0;
361
-
}
362
-
60% {
363
-
opacity: 0.5;
364
-
}
365
-
100% {
366
-
translate: normal;
367
-
opacity: 1.0;
368
-
}
369
-
}
360
+
@keyframes window-open-move-left {
361
+
0% {
362
+
translate: 10rem 0;
363
+
opacity: 0;
364
+
}
365
+
20% {
366
+
translate: 10rem 0;
367
+
}
368
+
60% {
369
+
opacity: 0.5;
370
+
}
371
+
100% {
372
+
translate: normal;
373
+
opacity: 1;
374
+
}
375
+
}
370
376
371
-
@keyframes overflow-keep-hidden {
372
-
0% {
373
-
overflow: hidden;
374
-
}
375
-
100% {
376
-
overflow: auto;
377
-
}
378
-
}
377
+
@keyframes window-open-move-right {
378
+
0% {
379
+
translate: -10rem 0;
380
+
opacity: 0;
381
+
}
382
+
20% {
383
+
translate: -10rem 0;
384
+
}
385
+
60% {
386
+
opacity: 0.5;
387
+
}
388
+
100% {
389
+
translate: normal;
390
+
opacity: 1;
391
+
}
392
+
}
393
+
394
+
@keyframes overflow-keep-hidden {
395
+
0% {
396
+
overflow: hidden;
397
+
}
398
+
100% {
399
+
overflow: auto;
400
+
}
401
+
}
379
402
}
+54
-58
tailwind.config.js
+54
-58
tailwind.config.js
···
1
-
const colors = require('tailwindcss/colors')
2
-
const plugin = require('tailwindcss/plugin')
1
+
const colors = require('tailwindcss/colors');
2
+
const plugin = require('tailwindcss/plugin');
3
3
4
4
/** @type {import('tailwindcss').Config} */
5
5
export default {
6
-
content: ['./src/**/*.{html,js,svelte,ts,md}'],
7
-
theme: {
8
-
extend: {
9
-
typography: ({ theme }) => ({
10
-
ralsei: {
11
-
css: {
12
-
'--tw-prose-body': theme('colors.ralsei.white'),
13
-
'--tw-prose-headings': theme('colors.ralsei.pink.neon'),
14
-
'--tw-prose-lead': theme('colors.ralsei.white'),
15
-
'--tw-prose-links': theme('colors.ralsei.green.light'),
16
-
'--tw-prose-bold': theme('colors.ralsei.white'),
17
-
'--tw-prose-counters': theme('colors.ralsei.pink.regular'),
18
-
'--tw-prose-bullets': theme('colors.ralsei.pink.regular'),
19
-
'--tw-prose-hr': theme('colors.ralsei.white'),
20
-
'--tw-prose-quotes': theme('colors.ralsei.white'),
21
-
'--tw-prose-quote-borders': theme('colors.ralsei.white'),
22
-
'--tw-prose-captions': theme('colors.ralsei.white'),
23
-
'--tw-prose-code': theme('colors.ralsei.pink.regular'),
24
-
'--tw-prose-pre-code': theme('colors.ralsei.white'),
25
-
'--tw-prose-pre-bg': theme('colors.ralsei.green.dark'),
26
-
'--tw-prose-th-borders': theme('colors.ralsei.white'),
27
-
'--tw-prose-td-borders': theme('colors.ralsei.white'),
28
-
},
29
-
},
30
-
}),
31
-
animation: {
32
-
'bounce-slow': 'bounce 3s infinite',
33
-
'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
34
-
'blink': 'blink 1s step-start infinite',
35
-
},
36
-
colors: {
37
-
ralsei: {
38
-
pink: {
39
-
regular: '#fe96e0',
40
-
neon: '#ff3eb7',
41
-
},
42
-
white: '#fff9fe',
43
-
black: '#000801',
44
-
green: {
45
-
light: '#4dcc8e',
46
-
dark: '#162d26',
47
-
}
48
-
}
49
-
}
50
-
},
51
-
fontFamily: {
52
-
'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
53
-
monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace'],
54
-
}
55
-
},
56
-
plugins: [
57
-
require('@tailwindcss/typography'),
58
-
require('@tailwindcss/forms'),
59
-
],
60
-
}
61
-
6
+
content: ['./src/**/*.{html,js,svelte,ts,md}'],
7
+
theme: {
8
+
extend: {
9
+
typography: ({ theme }) => ({
10
+
ralsei: {
11
+
css: {
12
+
'--tw-prose-body': theme('colors.ralsei.white'),
13
+
'--tw-prose-headings': theme('colors.ralsei.pink.neon'),
14
+
'--tw-prose-lead': theme('colors.ralsei.white'),
15
+
'--tw-prose-links': theme('colors.ralsei.green.light'),
16
+
'--tw-prose-bold': theme('colors.ralsei.white'),
17
+
'--tw-prose-counters': theme('colors.ralsei.pink.regular'),
18
+
'--tw-prose-bullets': theme('colors.ralsei.pink.regular'),
19
+
'--tw-prose-hr': theme('colors.ralsei.white'),
20
+
'--tw-prose-quotes': theme('colors.ralsei.white'),
21
+
'--tw-prose-quote-borders': theme('colors.ralsei.white'),
22
+
'--tw-prose-captions': theme('colors.ralsei.white'),
23
+
'--tw-prose-code': theme('colors.ralsei.pink.regular'),
24
+
'--tw-prose-pre-code': theme('colors.ralsei.white'),
25
+
'--tw-prose-pre-bg': theme('colors.ralsei.green.dark'),
26
+
'--tw-prose-th-borders': theme('colors.ralsei.white'),
27
+
'--tw-prose-td-borders': theme('colors.ralsei.white')
28
+
}
29
+
}
30
+
}),
31
+
animation: {
32
+
'bounce-slow': 'bounce 3s infinite',
33
+
'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
34
+
blink: 'blink 1s step-start infinite'
35
+
},
36
+
colors: {
37
+
ralsei: {
38
+
pink: {
39
+
regular: '#fe96e0',
40
+
neon: '#ff3eb7'
41
+
},
42
+
white: '#fff9fe',
43
+
black: '#000801',
44
+
green: {
45
+
light: '#4dcc8e',
46
+
dark: '#162d26'
47
+
}
48
+
}
49
+
}
50
+
},
51
+
fontFamily: {
52
+
'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
53
+
monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace']
54
+
}
55
+
},
56
+
plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')]
57
+
};