isuggest.selfce.st
+3
package.json
+3
package.json
···
12
12
"check": "prettier --write . && eslint --fix"
13
13
},
14
14
"dependencies": {
15
+
"@fontsource-variable/hanken-grotesk": "^5.2.8",
16
+
"@fontsource/amiri": "^5.2.8",
17
+
"@fontsource/maple-mono": "^5.2.6",
15
18
"@tailwindcss/vite": "^4.0.6",
16
19
"@tanstack/react-devtools": "^0.7.0",
17
20
"@tanstack/react-query": "^5.66.5",
+24
pnpm-lock.yaml
+24
pnpm-lock.yaml
···
8
8
9
9
.:
10
10
dependencies:
11
+
'@fontsource-variable/hanken-grotesk':
12
+
specifier: ^5.2.8
13
+
version: 5.2.8
14
+
'@fontsource/amiri':
15
+
specifier: ^5.2.8
16
+
version: 5.2.8
17
+
'@fontsource/maple-mono':
18
+
specifier: ^5.2.6
19
+
version: 5.2.6
11
20
'@tailwindcss/vite':
12
21
specifier: ^4.0.6
13
22
version: 4.1.18(vite@7.3.0(@types/node@22.19.3)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0))
···
497
506
'@eslint/plugin-kit@0.4.1':
498
507
resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
499
508
engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
509
+
510
+
'@fontsource-variable/hanken-grotesk@5.2.8':
511
+
resolution: {integrity: sha512-K7hu09ZKReBc7EifRLeM4K94NZBrxFEg0nGcISmVwlFQOJo4EmYkLXTWEwr5JcNW4z2hr5zy8vLS2sxC8JDmrQ==}
512
+
513
+
'@fontsource/amiri@5.2.8':
514
+
resolution: {integrity: sha512-HT/wBlEC/ummjXWg5yH+V0Tzw1vITtI9UM8mwxhwOkNZWD2zuie5vXpAVSCZORArT/LUQ4NP0fRcjiElUwI/8A==}
515
+
516
+
'@fontsource/maple-mono@5.2.6':
517
+
resolution: {integrity: sha512-+VAD7z8nyTkaiz2/Ww639Z5Kp/YJIL4dNMQxydqSMafNb5nKxFeoRq6W3g9WJ04IcBjdBmn0dKFNk90lyz7K+w==}
500
518
501
519
'@humanfs/core@0.19.1':
502
520
resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
···
3208
3226
dependencies:
3209
3227
'@eslint/core': 0.17.0
3210
3228
levn: 0.4.1
3229
+
3230
+
'@fontsource-variable/hanken-grotesk@5.2.8': {}
3231
+
3232
+
'@fontsource/amiri@5.2.8': {}
3233
+
3234
+
'@fontsource/maple-mono@5.2.6': {}
3211
3235
3212
3236
'@humanfs/core@0.19.1': {}
3213
3237
+14
-11
src/styles.css
+14
-11
src/styles.css
···
1
-
@import "tailwindcss";
1
+
@import 'tailwindcss';
2
+
3
+
@import '@fontsource-variable/hanken-grotesk';
4
+
@import '@fontsource/amiri';
5
+
@import '@fontsource/maple-mono';
6
+
@import '@fontsource/maple-mono/400-italic.css';
2
7
3
-
body {
4
-
@apply m-0;
5
-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
6
-
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
7
-
sans-serif;
8
-
-webkit-font-smoothing: antialiased;
9
-
-moz-osx-font-smoothing: grayscale;
8
+
@theme {
9
+
--font-sans: 'Hanken Grotesk Variable', sans-serif;
10
+
--font-serif: 'Amiri', serif;
11
+
--font-mono: 'Maple Mono', monospace;
10
12
}
11
13
12
-
code {
13
-
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
14
-
monospace;
14
+
body {
15
+
@apply m-0;
16
+
-webkit-font-smoothing: antialiased;
17
+
-moz-osx-font-smoothing: grayscale;
15
18
}