Update navbar (kind-of responsive)

This commit is contained in:
Edgar P. Burkhart 2022-05-06 20:04:56 +02:00
parent 945a466dc5
commit e37265ed2b
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 6 additions and 4 deletions

View file

@ -14,7 +14,7 @@
<h1>Hello World!</h1> <h1>Hello World!</h1>
<nav> <nav>
<img class="logo" src="static/svg/logo.svg" /> <span><img class="logo" src="static/svg/logo.svg" /></span>
<a class="active" href="#">Home</a> <a class="active" href="#">Home</a>
<a href="#test">Link 0</a> <a href="#test">Link 0</a>

View file

@ -59,14 +59,16 @@ nav {
right: 0; right: 0;
height: 4rem; height: 4rem;
line-height: 2rem; line-height: 2rem;
padding: 1rem;
background: var(--bg-00); background: var(--bg-00);
color: var(--text-00); color: var(--text-00);
font-variant: small-caps; font-variant: small-caps;
white-space: nowrap;
overflow-x: auto;
} }
nav > * { nav > * {
margin-right: 1rem; height: 4rem;
height: 2rem; padding: 1rem;
padding-right: 0;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }