From a8af7c3791b1d6e740b82d982ad4bb118e64be52 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Sun, 21 Feb 2021 22:34:34 +0100
Subject: [PATCH] fix: switch back to pixel based border sizes

---
 src/sass/_base.scss          |  2 +-
 src/sass/_chroma_github.scss |  2 +-
 src/sass/_defaults.scss      |  5 +++--
 src/sass/_markdown.scss      |  4 ++--
 src/sass/_print.scss         |  4 ++--
 src/sass/_shortcodes.scss    | 12 ++++++------
 6 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index f7062a62..20bef847 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -430,7 +430,7 @@ img {
     width: $padding-16;
     height: $padding-16;
 
-    border: $border-2 solid transparent;
+    border: $border-1 solid transparent;
     border-top-color: $body-font-color;
     border-radius: 50%;
 
diff --git a/src/sass/_chroma_github.scss b/src/sass/_chroma_github.scss
index 8964df11..aebe5eef 100644
--- a/src/sass/_chroma_github.scss
+++ b/src/sass/_chroma_github.scss
@@ -63,7 +63,7 @@
 }
 .chroma .lntable td:first-child code {
   background-color: $gray-200;
-  border-right: 1px solid #dcdfe3;
+  border-right: $border-1 solid #dcdfe3;
   padding: 0.5em 0;
 }
 .chroma .lntable td code {
diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss
index 333bdefd..6c02ede4 100644
--- a/src/sass/_defaults.scss
+++ b/src/sass/_defaults.scss
@@ -11,8 +11,9 @@ $font-size-14: 0.875rem !default;
 $font-size-16: 1rem !default;
 $font-size-32: 2rem !default;
 
-$border-2: 0.125rem !default;
-$border-4: 0.25rem !default;
+$border-1: 1px !default;
+$border-2: 2px !default;
+$border-4: 4px !default;
 
 $border-radius: 0.15rem !default;
 
diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss
index 4f089215..04ae2c48 100644
--- a/src/sass/_markdown.scss
+++ b/src/sass/_markdown.scss
@@ -45,7 +45,7 @@
   a,
   &__link {
     text-decoration: none;
-    border-bottom: 1px solid transparent;
+    border-bottom: $border-1 solid transparent;
     line-height: 1em;
 
     &:hover {
@@ -121,7 +121,7 @@
     tr th,
     tr td {
       padding: $padding-8 $padding-16;
-      border: $border-2 solid $gray-200;
+      border: $border-1 solid $gray-200;
     }
 
     tr:nth-child(2n) {
diff --git a/src/sass/_print.scss b/src/sass/_print.scss
index afa2df9a..a206f635 100644
--- a/src/sass/_print.scss
+++ b/src/sass/_print.scss
@@ -6,7 +6,7 @@
   }
 
   .gdoc-footer {
-    border-top: 1px solid $gray-300;
+    border-top: $border-1 solid $gray-300;
   }
 
   .gdoc-markdown pre {
@@ -15,7 +15,7 @@
   }
 
   .chroma code {
-    border: 1px solid $gray-300;
+    border: $border-1 solid $gray-300;
     padding: $padding-8 !important;
     font-weight: normal !important;
   }
diff --git a/src/sass/_shortcodes.scss b/src/sass/_shortcodes.scss
index f811b582..f72b0906 100644
--- a/src/sass/_shortcodes.scss
+++ b/src/sass/_shortcodes.scss
@@ -3,7 +3,7 @@
   margin-top: $padding-16;
   margin-bottom: $padding-16;
 
-  border: $border-2 solid $gray-200;
+  border: $border-1 solid $gray-200;
   border-radius: $border-radius;
 
   overflow: hidden;
@@ -33,7 +33,7 @@
   margin-top: $padding-16;
   margin-bottom: $padding-16;
 
-  border: $border-2 solid $gray-200;
+  border: $border-1 solid $gray-200;
   border-radius: $border-radius;
 
   overflow: hidden;
@@ -44,20 +44,20 @@
   &__label {
     display: inline-block;
     padding: $padding-8 $padding-16;
-    border-bottom: $border-2 transparent;
+    border-bottom: $border-1 transparent;
     cursor: pointer;
   }
 
   &__content {
     order: 999; //Move content blocks to the end
     width: 100%;
-    border-top: $border-2 solid $gray-100;
+    border-top: $border-1 solid $gray-100;
     padding: $padding-16;
     display: none;
   }
 
   &__control:checked + &__label {
-    border-bottom: $border-2 solid $color-link;
+    border-bottom: $border-1 solid $color-link;
   }
   &__control:checked + &__label + &__content {
     display: block;
@@ -84,7 +84,7 @@
 .gdoc-button {
   display: inline-block;
   color: $gray-700;
-  border: $border-2 solid $gray-500;
+  border: $border-1 solid $gray-500;
   border-radius: $border-radius;
   margin: $padding-8 0;
   cursor: pointer;