fix: switch back to pixel based border sizes

thegeeklab · Feb 21, 2021 · a8af7c3 · a8af7c3
1 parent e748a7d
commit a8af7c3
Show file tree

Hide file tree

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