From 885e935f67d57398b9458e874b790faac620eb6b Mon Sep 17 00:00:00 2001
From: swag <swaggboi@slackware.uk>
Date: Thu, 8 Jun 2023 16:10:35 -0400
Subject: [PATCH] Hardcode the border-width because Chrome

---
 assets/css/nested.css | 20 ++++++++++----------
 assets/css/simple.css | 28 ++++++++++++++--------------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/assets/css/nested.css b/assets/css/nested.css
index 5458ac7..e6de48b 100644
--- a/assets/css/nested.css
+++ b/assets/css/nested.css
@@ -7,7 +7,7 @@
 
 .pager__title {
   text-align: center;
-  border: inset var(--dark-warm-gray);
+  border: inset var(--dark-warm-gray) 0.18rem;
   padding: 0.5em 0;
   margin: 1em 0 0 0;
   background-color: var(--dark-warm-gray);
@@ -16,7 +16,7 @@
 .pager__nav {
   display: flex;
   flex-flow: row wrap;
-  border: inset var(--dark-warm-gray);
+  border: inset var(--dark-warm-gray) 0.18rem;
   background-color: var(--dark-warm-gray);
   padding: 0.5em 0.25em;
   gap: 0.25em;
@@ -30,7 +30,7 @@
  */
 
 .pager__nav > a {
-  border: outset var(--light-blue);
+  border: outset var(--light-blue) 0.18rem;
   flex: 1;
   text-align: center;
   background-color: var(--light-blue);
@@ -39,14 +39,14 @@
 }
 
 .pager__nav > a[rel="self"] {
-  border: inset var(--dark-blue);
+  border: inset var(--dark-blue) 0.18rem;
   background-color: var(--dark-blue);
 }
 
 .pager__nav > a:link::first-letter { text-decoration: underline; }
 
 .pager__nav > a:active {
-  border: inset var(--dark-blue);
+  border: inset var(--dark-blue) 0.18rem;
   background-color: var(--dark-blue);
 }
 
@@ -54,7 +54,7 @@
 
 .post {
   background-color: var(--light-warm-gray);
-  border: outset var(--light-warm-gray);
+  border: outset var(--light-warm-gray) 0.18rem;
   overflow-wrap: anywhere;
 }
 
@@ -65,11 +65,11 @@
   margin: 0;
   padding: 0.25em 0.5em 0.25em 0.75em;
   align-items: center;
-  border: inset var(--dark-warm-gray);
+  border: inset var(--dark-warm-gray) 0.18rem;
 }
 
 .post__id {
-  border: outset var(--true-gray);
+  border: outset var(--true-gray) 0.18rem;
   padding: 0.25em;
   background-color: var(--true-gray);
   text-decoration: none;
@@ -79,7 +79,7 @@
 
 .post__id:link::first-letter { text-decoration: underline; }
 
-.post__id:active { border: inset var(--true-gray); }
+.post__id:active { border: inset var(--true-gray) 0.18rem; }
 
 .post__date, .post__author, .post__body {
   margin: 1em 0.5em;
@@ -88,7 +88,7 @@
 
 .post__body {
     background-color: var(--dark-warm-gray);
-    border: inset var(--dark-warm-gray);
+    border: inset var(--dark-warm-gray) 0.18rem;
 }
 
 .post__nav {
diff --git a/assets/css/simple.css b/assets/css/simple.css
index 51b5ae4..342c3ec 100644
--- a/assets/css/simple.css
+++ b/assets/css/simple.css
@@ -1,7 +1,7 @@
 .click {
     color: black;
     text-decoration: none;
-    border: outset var(--light-blue);
+    border: outset var(--light-blue) 0.18rem;
     background-color: var(--light-blue);
     white-space: nowrap; /* Prevent the button from going multi-line */
 }
@@ -9,7 +9,7 @@
 .click::first-letter { text-decoration: underline; }
 
 .click:active {
-    border: inset var(--dark-blue);
+    border: inset var(--dark-blue) 0.18rem;
     background-color: var(--dark-blue);
 }
 
@@ -21,7 +21,7 @@
 
 .site-title {
   text-align: center;
-  border: outset var(--light-warm-gray);
+  border: outset var(--light-warm-gray) 0.18rem;
   background-color: var(--light-warm-gray);
   padding: 0.5em 0;
   margin-bottom: 0.15em;
@@ -32,7 +32,7 @@
   display: flex;
   flex-flow: row wrap;
   gap: 0.25em;
-  border: outset var(--light-warm-gray);
+  border: outset var(--light-warm-gray) 0.18rem;
   padding: 0.5em 0.25em;
   background-color: var(--light-warm-gray);
 }
@@ -44,7 +44,7 @@
 
 .site-footer {
   text-align: center;
-  border: outset var(--light-warm-gray);
+  border: outset var(--light-warm-gray) 0.18rem;
   background-color: var(--light-warm-gray);
   padding: 0;
   margin: 1.25em 0;
@@ -52,7 +52,7 @@
 
 .page-title {
   text-align: center;
-  border: inset var(--dark-warm-gray);
+  border: inset var(--dark-warm-gray) 0.18rem;
   padding: 0.5em 0;
   margin: 0.85em 0;
   background-color: var(--dark-warm-gray);
@@ -60,13 +60,13 @@
 
 .page-body {
   background-color: var(--light-warm-gray);
-  border: outset var(--light-warm-gray);
+  border: outset var(--light-warm-gray) 0.18rem;
   padding: 0.5em 1em;
 }
 
 .form-body {
   background-color: var(--light-warm-gray);
-  border: outset var(--light-warm-gray);
+  border: outset var(--light-warm-gray) 0.18rem;
   padding: 0.5em 1em;
   display: flex;
   flex-flow: column;
@@ -79,10 +79,10 @@
     gap: 0.25em;
 }
 
-.form-field > input { border: inset var(--dark-warm-gray); }
+.form-field > input { border: inset var(--dark-warm-gray) 0.18rem; }
 
 .form-field > textarea {
-    border: inset var(--dark-warm-gray);
+    border: inset var(--dark-warm-gray) 0.18rem;
     overflow: scroll;
     resize: vertical;
 }
@@ -97,7 +97,7 @@
 .form-checkbox > input { outline: inset var(--dark-warm-gray); }
 
 .form-button {
-    border: outset var(--light-blue);
+    border: outset var(--light-blue) 0.18rem;
     background-color: var(--light-blue);
     padding: 0.5em 1.5em;
     text-align: left;
@@ -108,7 +108,7 @@
 .form-button::first-letter { text-decoration: underline; }
 
 .form-button:active {
-    border: inset var(--dark-blue);
+    border: inset var(--dark-blue) 0.18rem;
     background-color: var(--dark-blue);
 }
 
@@ -118,14 +118,14 @@
 }
 
 .stash-with-info {
-    border: dashed var(--highlight-green) 0.5em;
+    border: dashed var(--highlight-green) 0.5rem;
     background-clip: padding-box;
     padding: 1em;
     background-color: var(--transparent);
 }
 
 .stash-with-error {
-    border: dashed var(--highlight-red) 0.5em;
+    border: dashed var(--highlight-red) 0.5rem;
     background-clip: padding-box;
     padding: 1em;
     background-color: var(--transparent);