improve hanburger menu style
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
1fe8491c38
commit
2f459f7c5b
16
css/nav.css
16
css/nav.css
@ -11,6 +11,11 @@ nav a, nav h1, nav label {
|
||||
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 {
|
||||
background-color: white;
|
||||
color: black;
|
||||
@ -21,11 +26,6 @@ nav a, nav h1, nav label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#hamnav label, #hamburger {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px){
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -44,7 +44,10 @@ nav a, nav h1, nav label {
|
||||
|
||||
#hamitems {
|
||||
display: block;
|
||||
grid-column: 1 / span 2;
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
right: 0;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#hamitems a {
|
||||
@ -52,7 +55,6 @@ nav a, nav h1, nav label {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
border-top: 1px solid #888;
|
||||
}
|
||||
|
||||
#hamnav label {
|
||||
|
Loading…
Reference in New Issue
Block a user