mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-27 14:12:09 +00:00
CSS: navbar tweaks (responsiveness + color)
- Dark mode: make navbar links the same color as regular links so as to not hide the fact that they are links. - Make navbar reflow at narrow window sizes
This commit is contained in:
parent
25ffbd9bbb
commit
131ad941d7
2 changed files with 10 additions and 5 deletions
|
@ -7,11 +7,7 @@
|
||||||
background: black;
|
background: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
header#banner a {
|
a {
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
main#content a, footer a {
|
|
||||||
color: #00b1ed;
|
color: #00b1ed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -3,4 +3,13 @@
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
|
header#banner nav {
|
||||||
|
display: block;
|
||||||
|
padding: 1rem 0 0.5rem 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
header#banner nav ul li {
|
||||||
|
display: block;
|
||||||
|
padding: 0.25rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue