thm/test-card
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style: use Atkinson Hyperlegible for all non-card text

Browse source
This commit is contained in:
Tomáš Mládek 2024-03-07 16:32:18 +01:00
parent 606cc0ca51
commit f691495aa2
6 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -36,6 +36,7 @@
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
"@fontsource/atkinson-hyperlegible": "^5.0.19",
"@fontsource/b612": "^5.0.8", "@fontsource/b612": "^5.0.8",
"@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/adapter-static": "^3.0.1", "@sveltejs/adapter-static": "^3.0.1",

7
pnpm-lock.yaml
View file

@ -5,6 +5,9 @@ settings:
excludeLinksFromLockfile: false excludeLinksFromLockfile: false
dependencies: dependencies:
'@fontsource/atkinson-hyperlegible':
specifier: ^5.0.19
version: 5.0.19
'@fontsource/b612': '@fontsource/b612':
specifier: ^5.0.8 specifier: ^5.0.8
version: 5.0.8 version: 5.0.8
@ -390,6 +393,10 @@ packages:
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true dev: true
/@fontsource/atkinson-hyperlegible@5.0.19:
resolution: {integrity: sha512-dnhQiFATy7n12Nq1fq8yhuzbae4WJSFKaKesJLTNKyiz6w+DI7RbcB3D1hwU+tBax4Dxlhg0tkY1LS4AzRRqxw==}
dev: false
/@fontsource/b612@5.0.8: /@fontsource/b612@5.0.8:
resolution: {integrity: sha512-PuOfVZB37asTrwI6GD5dcOjIuEZI+m9PW6/9MM05zRxA5pSUyPn280rLP7r7mOiFmEKSEWCFyI0Yf2XJOmqwNA==} resolution: {integrity: sha512-PuOfVZB37asTrwI6GD5dcOjIuEZI+m9PW6/9MM05zRxA5pSUyPn280rLP7r7mOiFmEKSEWCFyI0Yf2XJOmqwNA==}
dev: false dev: false

4
src/index.css
View file

@ -8,8 +8,8 @@ body, html {
color: white; color: white;
background-color: black; background-color: black;
font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; font-family: 'Atkinson Hyperlegible', 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: min(1.5vw, 1.5vh); font-size: 20px;
} }
* { * {

3
src/lib/TestCard.svelte
View file

@ -78,6 +78,9 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: min(4vw, 4vh);
} }
.inner { .inner {

1
src/routes/(pages)/+page.svelte
View file

@ -246,7 +246,6 @@
} }
h2 { h2 {
font-weight: normal;
margin: 0.25em 0; margin: 0.25em 0;
} }

2
src/routes/+layout.svelte
View file

@ -1,5 +1,7 @@
<script lang="ts"> <script lang="ts">
import 'normalize.css/normalize.css'; import 'normalize.css/normalize.css';
import '@fontsource/atkinson-hyperlegible';
import '@fontsource/atkinson-hyperlegible/700.css';
import '@fontsource/b612'; import '@fontsource/b612';
import '@fontsource/b612/700.css'; import '@fontsource/b612/700.css';
import '@tabler/icons-webfont/tabler-icons.css'; import '@tabler/icons-webfont/tabler-icons.css';