From b44e094b632a1d74cb36fd4ccbbb3cfd569a7112 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Sun, 21 Feb 2021 22:39: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         |  6 +++---
 src/sass/_shortcodes.scss    | 12 ++++++------
 6 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 4f65926..971e856 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -147,7 +147,7 @@ img {
     color: $gray-100;
     text-decoration: none;
     padding: $padding-4 $padding-8;
-    border: 1px solid;
+    border: $border-1 solid;
     border-radius: $border-radius;
     display: inline-block;
     margin: $padding-4;
diff --git a/src/sass/_chroma_github.scss b/src/sass/_chroma_github.scss
index 8964df1..aebe5ee 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 64d01a1..518c7f4 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 07c248a..030cbf1 100644
--- a/src/sass/_markdown.scss
+++ b/src/sass/_markdown.scss
@@ -51,7 +51,7 @@
     text-align: left;
 
     thead {
-      border-bottom: 2px solid $gray-200;
+      border-bottom: $border-2 solid $gray-200;
     }
 
     tr th,
@@ -60,7 +60,7 @@
     }
 
     tr {
-      border-bottom: $border-2 solid $gray-200;
+      border-bottom: $border-1 solid $gray-200;
     }
 
     tr:nth-child(2n) {
diff --git a/src/sass/_print.scss b/src/sass/_print.scss
index e1615c1..4b25185 100644
--- a/src/sass/_print.scss
+++ b/src/sass/_print.scss
@@ -8,11 +8,11 @@
   }
 
   .gblog-header {
-    border-bottom: 1px solid $gray-300;
+    border-bottom: $border-1 solid $gray-300;
   }
 
   .gblog-footer {
-    border-top: 1px solid $gray-300;
+    border-top: $border-1 solid $gray-300;
   }
 
   .gblog-markdown pre {
@@ -21,7 +21,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 2a38df9..d50b34f 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 @@
 .gblog-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;