fix: switch back to pixel based border sizes

thegeeklab · Feb 21, 2021 · b44e094 · b44e094
1 parent 999f050
commit b44e094
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;