Some basic responsiveness

This commit is contained in:
Matthew Holt 2023-05-30 11:09:56 -06:00
parent be2c58cf77
commit 8b77ddcce8
No known key found for this signature in database
GPG key ID: 2A349DD577D586A5
2 changed files with 43 additions and 2 deletions

View file

@ -178,6 +178,11 @@ header nav>ul {
gap: 2em;
}
.navbar .actions,
.navbar nav ul {
flex-wrap: wrap;
}
header nav ul {
list-style: none;
margin: 0;
@ -455,4 +460,22 @@ header nav ul {
#current-theme {
text-transform: capitalize;
}
}
@media (max-width: 1150px) {
.dropdown {
display: none;
}
.wrapper {
padding-left: 20px;
padding-right: 20px;
}
}

View file

@ -580,7 +580,7 @@ td code {
#autonav {
position: absolute;
visibility: hidden;
left: 75%;
left: 80%;
top: 0;
background: var(--autonav-bg);
box-shadow: 0 10px 40px rgb(0 0 0 / .2);
@ -637,3 +637,21 @@ main nav > ul > li:hover #autonav {
0% { opacity: 0; transform: translateY(2em); }
100% { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1400px) {
#pagenav {
display: none;
}
}