add navbar decorator

This commit is contained in:
Geoff Doty 2025-05-14 19:32:50 -04:00
parent 0aa4f9896a
commit e2ab2fe3a0
1 changed files with 10 additions and 3 deletions

View File

@ -166,7 +166,7 @@ section, article {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
article { article, aside {
border: 1px solid rgba(0,0,0,.125); border: 1px solid rgba(0,0,0,.125);
background: var(--light); background: var(--light);
color: var(--dark); color: var(--dark);
@ -323,11 +323,18 @@ textarea {
nav { nav {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: .25rem; height: 2rem;
border-bottom: 1px solid var(--theme); border-bottom: 1px solid var(--theme);
} }
nav.navbar {
background: var(--theme);
color: var(--light);
border: none;
}
.navbar li:hover {background: var(--white);color: var(--theme)}
.navbar li a {color: inherit}
nav ul {display: flex;list-style-type: none;margin:0;padding:0} nav ul {display: flex;list-style-type: none;margin:0;padding:0; line-height: 2rem}
nav ul li {padding:0rem .5rem;margin:0} nav ul li {padding:0rem .5rem;margin:0}
nav ul li:first-child {margin-left:0;margin-left:0} nav ul li:first-child {margin-left:0;margin-left:0}
nav a {text-decoration: none;} nav a {text-decoration: none;}