improve hanburger menu style

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-05-03 21:39:26 +00:00
parent 1fe8491c38
commit 2f459f7c5b

View File

@ -11,6 +11,11 @@ nav a, nav h1, nav label {
text-decoration: none; text-decoration: none;
} }
#hamnav label, #hamburger {
display: none;
}
@media screen and (min-width: 600px){
#hamitems a:hover, #hamitems a[aria-current="true"], #hamitems:hover a[aria-current="true"]:hover { #hamitems a:hover, #hamitems a[aria-current="true"], #hamitems:hover a[aria-current="true"]:hover {
background-color: white; background-color: white;
color: black; color: black;
@ -21,11 +26,6 @@ nav a, nav h1, nav label {
color: white; color: white;
} }
#hamnav label, #hamburger {
display: none;
}
@media screen and (min-width: 600px){
nav { nav {
display: flex; display: flex;
align-items: center; align-items: center;
@ -44,7 +44,10 @@ nav a, nav h1, nav label {
#hamitems { #hamitems {
display: block; display: block;
grid-column: 1 / span 2; position: absolute;
top: 55px;
right: 0;
background-color: black;
} }
#hamitems a { #hamitems a {
@ -52,7 +55,6 @@ nav a, nav h1, nav label {
display: block; display: block;
text-align: center; text-align: center;
width: 100%; width: 100%;
border-top: 1px solid #888;
} }
#hamnav label { #hamnav label {