Make nav sticky while scrolling

This commit is contained in:
Cassidy Williams
2023-01-27 00:00:33 -06:00
parent 77d762b196
commit b90e0de888
2 changed files with 21 additions and 16 deletions

View File

@@ -54,14 +54,25 @@ button.dark-mode button {
background: var(--black);
color: var(--white);
}
body.dark-mode nav {
background: rgba(0, 0, 0, 0.8);
}
header {
position: relative;
}
a {
color: var(--pink);
}
nav {
position: sticky;
top: 0;
text-align: center;
background: rgba(255, 255, 255, 0.8);
}
nav a {
margin: 25px 0;
}
@@ -74,12 +85,9 @@ hr {
margin: 1rem 0;
}
ul {
ul.posts-list,
ul.tags-list {
padding: unset;
}
.posts-list,
.tags-list {
list-style-type: none;
}