eryn/hugo-theme-termlite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move site menu below title

Browse source
This commit is contained in:
Eryn Wells 2024-07-06 11:05:58 -07:00
parent f0bc94fdb2
commit 5dd0748e25
2 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/099_site_header.css
View file

@ -3,17 +3,17 @@
*************************/ *************************/
.site-header { .site-header {
border-bottom: 3px solid var(--gray6); font-size: var(--text-xxl);
margin-block-start: var(--space-xl);
padding-block-end: var(--space-xl);
} }
.site-header__container { .site-header__content {
align-items: baseline;
display: flex;
gap: var(--space-l); gap: var(--space-l);
.site-header__title { .site-header__title {
font-family: var(--font-family-heading); font-family: var(--font-family-heading);
font-size: var(--text-l); font-size: var(--text-xxl);
font-weight: 600; font-weight: 600;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@ -23,14 +23,15 @@
} }
.site-header__nav { .site-header__nav {
font-size: smaller; font-size: var(--text-s);
font-weight: normal; font-weight: normal;
ul { ul {
display: flex; display: flex;
gap: var(--space-xs); gap: var(--space-xs);
list-style: none; list-style: none;
padding-inline: 0; margin: 0;
padding: 0;
li { li {
margin: 0; margin: 0;

2
layouts/partials/site/header.html
View file

@ -1,4 +1,4 @@
<div class="site-header__container"> <div class="site-header__content">
<aside class="site-header__title text-color--gradient"><a href="{{ ($.Site.GetPage "/").Permalink }}">{{ site.Title }}</a></aside> <aside class="site-header__title text-color--gradient"><a href="{{ ($.Site.GetPage "/").Permalink }}">{{ site.Title }}</a></aside>
{{ partial "menu.html" (dict "menuID" "main" "page" .) }} {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
</div> </div>