From 416c5ee7f0d7a4fcc026cd3fc6d2be97e29ca31b Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Sun, 8 May 2022 09:53:43 +0200
Subject: [PATCH] Split --gap var for nav/footer and body

---
 src/static/css/main.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/static/css/main.css b/src/static/css/main.css
index f61f0ee..0de9b27 100644
--- a/src/static/css/main.css
+++ b/src/static/css/main.css
@@ -19,8 +19,11 @@
 	--colw: 20rem;
 	--gap: 1rem;
 	--maxw: 90rem;
+	--lh: 1.3rem;
+
 	--bl-lh: 2rem;
-	--navh: calc(var(--bl-lh) + 2 * var(--gap));
+	--bl-gap: 1rem;
+	--navh: calc(var(--bl-lh) + 2 * var(--bl-gap));
 }
 
 body {
@@ -59,7 +62,7 @@ h4 {font-size: 1.2rem}
 h5 {font-size: 1rem}
 h6 {font-size: .8rem}
 
-p, ul, ol, dl {line-height: 1.3rem}
+p, ul, ol, dl {line-height: var(--lh)}
 em {font-variation-settings: 'slnt' -5}
 strong {font-weight: 550}
 
@@ -84,7 +87,7 @@ nav {
 }
 nav > * {
 	height: var(--navh);
-	padding: var(--gap);
+	padding: var(--bl-gap);
 	padding-right: 0;
 	display: inline-block;
 	vertical-align: middle;
@@ -96,7 +99,7 @@ nav a.active {
 	font-weight: 550;
 }
 nav img {
-	height: calc(var(--navh) - 2 * var(--gap));
+	height: calc(var(--navh) - 2 * var(--bl-gap));
 }
 
 ul {list-style-type: "–"}
@@ -119,7 +122,7 @@ footer {
 	background: var(--bg-01);
 	grid-column: 1 / -1;
 	text-align: center;
-	padding: var(--gap);
+	padding: var(--bl-gap);
 	line-height: var(--bl-lh);
 	margin: calc(-1 * var(--gap));
 	margin-top: 0;