FSR/ese-website
28
2
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

basic header styles

Browse source
This commit is contained in:
Lyn Fugmann 2024-09-15 14:58:59 +02:00
parent e173a4aa6d
commit 0b7680f38f
2 changed files with 39 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

35
_includes/header.njk
View file

@ -1,6 +1,33 @@
<header>
<a href="{{ "/" | locale_url }}" title="home">ESE Logo</a>
<nav>
{{ collections.mainNav | pageLang | eleventyNavigation | eleventyNavigationToHtml | safe }}
</nav>
<div class="header-container">
<a href="{{ "/" | locale_url }}" title="home">ESE Logo</a>
<nav id="mainNav">
{{ collections.mainNav | pageLang | eleventyNavigation | eleventyNavigationToHtml | safe }}
</nav>
</div>
</header>
{% css %}
header {
position: sticky;
backdrop-filter: blur(5px);
background-color: #ffffffcc;
top: 0;
padding: 2rem 0;
}
.header-container {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
#mainNav ul {
margin: 0;
padding: 0;
}
#mainNav li {
display: inline;
}
{% endcss %}