Amy/Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: moved style of nav bar to it's svelte

Browse Source
This commit is contained in:
Amy Retzerau
2025-09-26 13:01:47 +02:00
parent c39f1d38e9
commit fc23cb6e90
2 changed files with 32 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/routes/+layout.svelte
View File

@@ -27,3 +27,35 @@
>
</nav>
{@render children?.()}
<style>
nav {
margin: var(--d3);
font-family: 'Fraunces', serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
'SOFT' 0,
'WONK' 0;
font-size: 1.728rem;
}
nav a {
margin: 1rem;
margin-left: 0rem;
padding-left: 0rem;
#border-bottom: solid var(--rp-moon-foam);
color: var(--rp-moon-foam);
&:visited {
color: var(--rp-moon-foam);
}
}
@media only screen and (max-width: 700px) {
nav {
margin: var(--d3) var(--d1);
}
}
</style>

27
src/routes/style.css
View File

@@ -78,33 +78,6 @@ h1,h2,h3,h4,p:first-child {
}
nav {
margin: var(--d3) 0 ;
padding: 0 var(--d3) 0;
font-family: "Fraunces", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"SOFT" 0,
"WONK" 0;
font-size:1.728rem;
}
nav a{
margin: 1rem;
margin-left: 0rem;
padding-left: 0rem;
border-bottom: solid var(--rp-moon-foam);
color: var(--rp-moon-foam);
#text-decoration: underline;
&:visited {
color: var(--rp-moon-foam);
}
}
main {
width: 100%;
#box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));