fix: changed nav bar to general media margin class
This commit is contained in:
@@ -14,7 +14,7 @@
|
|||||||
<link rel="icon" href={favicon} />
|
<link rel="icon" href={favicon} />
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<nav>
|
<nav class="media-margin">
|
||||||
<a href="/">Home</a>
|
<a href="/">Home</a>
|
||||||
<a href="/about">About</a>
|
<a href="/about">About</a>
|
||||||
<a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
|
<a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
|
||||||
@@ -30,8 +30,6 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
nav {
|
nav {
|
||||||
margin: var(--d3);
|
|
||||||
|
|
||||||
font-family: 'Fraunces', serif;
|
font-family: 'Fraunces', serif;
|
||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -52,10 +50,4 @@
|
|||||||
color: var(--rp-moon-foam);
|
color: var(--rp-moon-foam);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 700px) {
|
|
||||||
nav {
|
|
||||||
margin: var(--d3) var(--d1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user