control body spacing from css variable

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 9 insertions, 14 deletions

diff --git a/links/main.css b/links/main.css
index 1bf1220..f3fd7a3 100644
--- a/links/main.css
+++ b/links/main.css
@@ -5,6 +5,7 @@
 
 	--fg: var(--black);
 	--bg: var(--white);
+	--body-spacing: 45px;
 }
 
 ::selection {
@@ -20,12 +21,12 @@ body {
 	color: var(--fg);
 	overflow-x: hidden;
 	font-family: sans-serif;
-	padding: 45px;
+	padding: var(--body-spacing);
 	margin: 0;
 }
 
 body>*+* {
-	margin-top: 45px;
+	margin-top: var(--body-spacing);
 }
 
 header a {
@@ -87,7 +88,6 @@ nav .site-nav section ul {
 }
 
 main {
-	float: left;
 	max-width: 700px;
 }
 
@@ -98,7 +98,6 @@ main img {
 }
 
 main>* {
-	max-width: 600px;
 	margin-bottom: 30px
 }
 
@@ -234,7 +233,6 @@ main ul.gallery li a {
 
 main ul.gallery li img {
 	width: 250px;
-	float: left;
 	display: block;
 	margin-right: 15px;
 }
@@ -344,7 +342,6 @@ main .progress>div>span {
 
 main img.detail {
 	max-width: 64px;
-	float: left;
 	border: 1px solid #777;
 	padding: 20px;
 	margin: 0px 20px 20px 0px;
@@ -399,14 +396,16 @@ main span.date {
 }
 
 main>section#footnotes {
+	margin-bottom: 0;
 	font-size: 12px;
 }
 
 
 footer {
-	line-height: 30px;
+	border-top: 1px solid color-mix(in srgb, var(--fg) 20%, var(--bg));
+	padding-top: var(--body-spacing);
+	line-height: 25px;
 	clear: both;
-	border-top: 1px solid var(--bg);
 }
 
 /* Modular */
@@ -465,12 +464,8 @@ ul.nobull li {
 /* Mobile */
 
 @media (max-width: 1100px) {
-	body {
-		padding: 25px;
-	}
-
-	body>*+* {
-		margin-top: 35px;
+	:root {
+		--body-spacing: 25px;
 	}
 
 	nav {