mirror of
https://github.com/Motschen/midnightdust-eu.git
synced 2025-12-16 10:35:09 +01:00
65 lines
1.4 KiB
Plaintext
65 lines
1.4 KiB
Plaintext
---
|
|
import Navigation from '../components/Navigation.astro'
|
|
import { SkipLinks } from 'accessible-astro-components'
|
|
import { Icon } from 'astro-icon/components'
|
|
---
|
|
|
|
<header>
|
|
<SkipLinks />
|
|
<Navigation>
|
|
<li class="menu-item">
|
|
<a href="/">Home</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="/blog/">Blog</a>
|
|
</li>
|
|
<li class="menu-item has-dropdown">
|
|
<button aria-haspopup="true" aria-expanded="false">Mods</button>
|
|
<ul class="dropdown-menu">
|
|
<li class="submenu-item">
|
|
<a href="/midnightlib/">MidnightLib</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item has-dropdown">
|
|
<button aria-haspopup="true" aria-expanded="false">Wiki</button>
|
|
<ul class="dropdown-menu">
|
|
<li class="submenu-item">
|
|
<a href="/wiki/midnightlib/">MidnightLib</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item type-icon">
|
|
<a href="https://github.com/Motschen" title="View my GitHub profile">
|
|
<Icon name="ion:logo-github" />
|
|
</a>
|
|
</li>
|
|
</Navigation>
|
|
</header>
|
|
|
|
<style lang="scss" is:global>
|
|
@use '../assets/scss/base/outline' as *;
|
|
|
|
header {
|
|
.type-icon a {
|
|
display: block;
|
|
|
|
[data-icon] {
|
|
height: auto;
|
|
margin-top: -4px;
|
|
width: 30px;
|
|
|
|
path {
|
|
fill: var(--action-color);
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
[data-icon] path {
|
|
fill: var(--action-color-state);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|