use local fonts

This commit is contained in:
2023-07-06 14:01:56 +02:00
parent 0759b2e4ad
commit f1e15863ea
10 changed files with 148 additions and 190 deletions

View File

@@ -1,6 +1,6 @@
<script>
import "$lib/style/fonts/noto-sans-mono.scss"
import "$lib/style/fonts/material-symbols-rounded.scss"
import "$lib/fonts/noto-sans-mono.scss"
import "$lib/fonts/material-symbols-rounded.scss"
import {onMount} from "svelte"
import {applyTheme, argbFromHex, themeFromSourceColor} from "@material/material-color-utilities"
import Navigation from "$lib/components/Navigation.svelte"
@@ -87,7 +87,7 @@
h1 {
margin-block-start: 0;
font-size: 4rem;
font-weight: 900;
font-weight: 700;
color: var(--md-sys-color-secondary);
}
</style>

View File

@@ -31,6 +31,9 @@
border-radius: 32px;
}
.icon {
}
a {
display: flex;
gap: 4px;
@@ -41,7 +44,7 @@
padding: 8px;
padding-inline: 16px;
font-weight: 800;
font-weight: 600;
color: var(--md-sys-color-on-surface-variant);
text-decoration: none;
@@ -51,6 +54,8 @@
}
a.active {
--icon-fill: 1;
color: var(--md-sys-color-on-primary);
background: var(--md-sys-color-primary);
}