From e3fe43c9e56e7143f0c5ca2ed3a8917e0ad1db5f Mon Sep 17 00:00:00 2001
From: Sara <sara@objectionable.solutions>
Date: Tue, 30 Dec 2025 21:12:00 +0100
Subject: [PATCH] added border-width css variable

---
 objectionable.solutions/style.css | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/objectionable.solutions/style.css b/objectionable.solutions/style.css
index 14cafe6..59feb32 100644
--- a/objectionable.solutions/style.css
+++ b/objectionable.solutions/style.css
@@ -5,6 +5,7 @@
     --color-tl-border: #75648E;
     --color-links: #FFB273;
     --color-text: white;
+    --border-width: 2px;
 }
 
 body {
@@ -29,10 +30,9 @@ a:hover {
 }
 
 section, details {
-    border-radius: 2px;
-    border: solid black 2px;
+    border: solid black var(--border-width);
     border-color: var(--color-tl-border) var(--color-br-border)
-                var(--color-br-border) var(--color-tl-border);
+                  var(--color-br-border) var(--color-tl-border);
     background-color: color-mix(in srgb, var(--color-panels), transparent 34%);
     padding: 0.5em;
     margin: 10px;
@@ -48,7 +48,7 @@ details * {
 }
 
 details[open] * {
-    border-top: solid var(--color-tl-border) 2px;
+    border-top: solid var(--color-tl-border) var(--border-width);
 }
 
 details summary {
@@ -60,7 +60,7 @@ details[open] summary {
     background-color: var(--color-background);
     padding: 0.5em;
     border-top: none;
-    border-bottom: solid var(--color-br-border) 2px;
+    border-bottom: solid var(--color-br-border) var(--border-width);
 }
 
 code {
@@ -100,8 +100,7 @@ p.feed-url {
 img {
     width: 300px;
     max-width: 100%;
-    border-radius: 5px;
-    border: solid black 2px;
+    border: solid black var(--border-width);
     border-color: var(--color-tl-border) var(--color-br-border)
                   var(--color-br-border) var(--color-tl-border);
 }
@@ -123,7 +122,6 @@ img.image-right {
 }
 
 img.button {
-    border-radius: 0;
     border: 0;
     width: 110px;
     image-rendering: pixelated;