|
|
@ -8,11 +8,7 @@
|
|
|
|
<header>
|
|
|
|
<header>
|
|
|
|
<nav>
|
|
|
|
<nav>
|
|
|
|
<a class="brand" href="/">Cursed Creations</a>
|
|
|
|
<a class="brand" href="/">Cursed Creations</a>
|
|
|
|
<md-outlined-icon-button
|
|
|
|
<md-outlined-icon-button class="menu" aria-label="Toggle navigation" on:click={(_) => (navShown = !navShown)}>
|
|
|
|
class="menu"
|
|
|
|
|
|
|
|
aria-label="Toggle navigation"
|
|
|
|
|
|
|
|
on:click={(_) => (navShown = !navShown)}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<md-icon>menu</md-icon>
|
|
|
|
<md-icon>menu</md-icon>
|
|
|
|
</md-outlined-icon-button>
|
|
|
|
</md-outlined-icon-button>
|
|
|
|
<ul class="links" class:shown={navShown}>
|
|
|
|
<ul class="links" class:shown={navShown}>
|
|
|
@ -29,7 +25,7 @@
|
|
|
|
header {
|
|
|
|
header {
|
|
|
|
display: contents;
|
|
|
|
display: contents;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
nav {
|
|
|
|
display: grid;
|
|
|
|
display: grid;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
@ -50,7 +46,10 @@
|
|
|
|
a {
|
|
|
|
a {
|
|
|
|
text-decoration: none;
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
|
|
|
|
&:hover, &:focus, &:focus-within, &:focus-visible {
|
|
|
|
&:hover,
|
|
|
|
|
|
|
|
&:focus,
|
|
|
|
|
|
|
|
&:focus-within,
|
|
|
|
|
|
|
|
&:focus-visible {
|
|
|
|
color: var(--md-sys-color-on-surface-variant);
|
|
|
|
color: var(--md-sys-color-on-surface-variant);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|