From e5fe220698db8e564fbfb53147b8661195b74cad Mon Sep 17 00:00:00 2001 From: Starbeamrainbowlabs Date: Mon, 21 Jun 2021 16:14:16 +0100 Subject: [PATCH] docs: improve navbar a bit --- .docs/css/smallscreens.css | 3 ++- .docs/css/theme.css | 6 +++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/.docs/css/smallscreens.css b/.docs/css/smallscreens.css index 17102d2..c02a71a 100644 --- a/.docs/css/smallscreens.css +++ b/.docs/css/smallscreens.css @@ -1,6 +1,6 @@ @media (max-width: 1200px) { nav > ul a { - padding: 0.5em; + padding: 1.45em 0.5em; } } @@ -24,6 +24,7 @@ @media (max-width: 640px) { nav > ul { padding-top: 0.5em; + justify-content: center; flex-wrap: wrap; } diff --git a/.docs/css/theme.css b/.docs/css/theme.css index 552e41b..a46c563 100644 --- a/.docs/css/theme.css +++ b/.docs/css/theme.css @@ -107,14 +107,14 @@ nav ul { nav > ul a { background: var(--bg-transcluscent-slight); display: inline-block; - padding: 1.2em 2em; + padding: 1.45em 2em; text-decoration: none; font-weight: bold; color: var(--text-main); } nav li[aria-current=page] a { - margin: -0.25em; - border: 0.25em solid var(--bg-alt); + color: var(--bg-bright); + background: var(--text-main); } nav a.image {