From 466a321f93b4a48ba44848a7b9164919083d2533 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 18 Dec 2024 08:50:55 -0800
Subject: [PATCH] dev: Calculate negative border offset using variables for
 certain elements

---
 Theme/ElegantFin-theme-nightly.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 2f4c4d9..405a1f6 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -22,7 +22,7 @@
     --largeRadius: 1em;
     --smallRadius: .5em;
     --smallerRadius: .375em;
-    --borderWidth: 0.1em;
+    --borderWidth: 0.075em;
 }
 
 html {
@@ -54,7 +54,7 @@ html {
     background: #2f3a53;
     border-radius: var(--smallRadius);
     outline: var(--borderWidth) rgb(255 255 255) solid !important;
-    outline-offset: -.1em;
+    outline-offset: calc(-1*var(--borderWidth));
     color: #fff;
     transition: outline 0s, border 0s;
 }
@@ -404,12 +404,10 @@ html {
 
 .itemDetailsGroup {
     outline: var(--borderWidth) solid var(--borderColor);
-    outline-offset: -var(--borderWidth);
+    outline-offset: calc(-1*var(--borderWidth));
     overflow: hidden;
-    /* border: solid var(--borderColor) var(--borderWidth); */
     margin-top: 1.5em;
     border-radius: var(--smallRadius);
-    /* margin: .5em 1em; */
 }
 
 .itemDetailsGroup>div:not(:last-child) {