From 9b8027df7bf2926fbd15ccb6f9491e0cf69641d1 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Mon, 17 Feb 2025 20:42:39 +0100
Subject: [PATCH] borders

---
 style/main.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/style/main.css b/style/main.css
index 809b3b6..1fa756e 100644
--- a/style/main.css
+++ b/style/main.css
@@ -4,6 +4,7 @@
 --banner-background: #ccf;
 --body-background: #fff;
 --body-text: #000;
+--border-color: #888;
 --header-background: #ccc;
 --item-even: #ddd;
 --item-odd: #eee;
@@ -18,6 +19,7 @@
 --banner-background: #558;
 --body-background: #000;
 --body-text: #aaa;
+--border-color: #888;
 --header-background: #444;
 --item-even: #222;
 --item-odd: #111;
@@ -28,6 +30,9 @@
 }
 :root {
 --alpha: rgba(0, 0, 0, 0);
+--border-width: .1rem;
+--border-off: var(--border-width) none var(--alpha);
+--border-on: var(--border-width) solid var(--border-color);
 --anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
 --banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
 --body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
@@ -60,6 +65,13 @@ body {
     max-inline-size: 108ch;
 }
 
+a:hover, h2, h3, header {
+    border-bottom: var(--border-off);
+    border-left: var(--border-on);
+    border-right: var(--border-on);
+    border-top: var(--border-on);
+}
+
 a {
     color: inherit;
     text-decoration: underline;