transparentize($black, 0.8) -> $border-color-button

primer · Oct 31, 2019 · c5c4f15 · c5c4f15
1 parent 7fd97bf
commit c5c4f15
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/buttons/button.scss b/src/buttons/button.scss
@@ -18,7 +18,7 @@
   background-position: -1px -1px;
   background-size: 110% 110%;
   // stylelint-disable-next-line primer/borders
-  border: $border-width $border-style transparentize($black, 0.8);
+  border: $border-width $border-style $border-color-button;
   // stylelint-disable-next-line primer/borders
   border-radius: 0.25em;
   appearance: none; // Corrects inability to style clickable `input` types in iOS.

diff --git a/src/buttons/misc.scss b/src/buttons/misc.scss
@@ -74,7 +74,7 @@
   vertical-align: middle;
   background-color: $bg-white;
   // stylelint-disable-next-line primer/borders
-  border: $border-width $border-style transparentize($black, 0.8); // match with .btn
+  border: $border-width $border-style $border-color-button; // match with .btn
   border-left: 0;
   border-top-right-radius: $border-radius;
   border-bottom-right-radius: $border-radius;

diff --git a/src/support/mixins/buttons.scss b/src/support/mixins/buttons.scss
@@ -34,7 +34,7 @@
       color: rgba($color, 0.4);
       background-color: $bg2;
       background-image: none;
-      border-color: transparentize($black, 0.8); // back to default .btn
+      border-color: $border-color-button;
       box-shadow: none;
     }
 
@@ -67,7 +67,7 @@
       color: rgba($color, 0.75);
       background-color: mix($bg2, $white, 50%);
       background-image: none;
-      border-color: transparentize($black, 0.8); // repeat .btn default to avoid shift on click-drag off of button
+      border-color: $border-color-button;
       box-shadow: none;
     }
 
@@ -114,7 +114,7 @@
     color: rgba($color, 0.4);
     background-color: $bg2;
     background-image: none;
-    border-color: transparentize($black, 0.8); // back to default .btn
+    border-color: $border-color-button;
     box-shadow: none;
   }
 }