Fixes consistency of variable usage

Author: fredtitao

src/scss/buttons/_base.scss

@@ -20,7 +20,7 @@
     text-align: center;
     white-space: nowrap;
     line-height: $button-line-height;
-    border-width: 1px;
+    border-width: $button-border-width;
     border-style: solid;
     border-radius: $button-border-radius;
     transition: $button-transition;

src/scss/buttons/_group.scss

@@ -7,19 +7,19 @@
       flex-shrink: 0;
       border-radius: 0;
       + .button {
-        margin-left: -1px;
+        margin-left: -$button-border-width;
       }
       &.active:not(:disabled),
       &:active:not(:disabled) {
         z-index: 1;
       }
       &:first-child:not(.button-text) {
-        border-top-left-radius: $component-border-radius;
-        border-bottom-left-radius: $component-border-radius;
+        border-top-left-radius: $button-border-radius;
+        border-bottom-left-radius: $button-border-radius;
       }
       &:last-child:not(.button-text) {
-        border-top-right-radius: $component-border-radius;
-        border-bottom-right-radius: $component-border-radius;
+        border-top-right-radius: $button-border-radius;
+        border-bottom-right-radius: $button-border-radius;
       }
     }
     &-grow {

src/scss/buttons/_variables.scss

@@ -27,6 +27,7 @@ $button-font-size: $font-size-base !default;
 $button-font-weight: 500 !default;
 $button-line-height: 1.5em !default;
 $button-text-transform: uppercase !default;
+$button-border-width: $component-border-width !default;
 $button-border-radius: $component-border-radius-sm !default;
 $button-padding-y: $component-padding-sm !default;
 $button-padding-x: $component-padding !default;

src/scss/cards/_borderless.scss

@@ -9,7 +9,7 @@
       }
     }
     &-shadow {
-      box-shadow: $component-box-shadow;
+      box-shadow: $card-box-shadow;
     }
     &-list {
       display: flex;

src/scss/tables/README.md

@@ -33,7 +33,7 @@ $table-cell-padding-x: 0.6rem !default;
 $table-cell-padding: $table-cell-padding-y $table-cell-padding-x !default;
 $table-cell-hover-background-color: var(--component-background-color-hover, #{$component-background-color-hover}) !default;
 $table-cell-striped-background-color: var(--component-background-color-alt, #{$component-background-color-alt}) !default;
-$table-border-size: $component-border-width !default;
+$table-border-width: $component-border-width !default;
 $table-border-color: var(--component-border-color, #{$component-border-color}) !default;
 $table-border-radius: $component-border-radius !default;
 ```

src/scss/tables/_bordered.scss

@@ -2,29 +2,29 @@
 
 @if ($table-enabled) {
   .table-bordered {
-    border: $table-border-size solid $table-border-color;
+    border: $table-border-width solid $table-border-color;
     border-radius: $table-border-radius;
     > thead {
       > tr {
         > th,
         > td {
-          border: $table-border-size solid $table-border-color;
+          border: $table-border-width solid $table-border-color;
         }
       }
     }
     > tbody {
       > tr {
         > th,
         > td {
-          border: $table-border-size solid $table-border-color;
+          border: $table-border-width solid $table-border-color;
         }
       }
     }
     > tfoot {
       > tr {
         > th,
         > td {
-          border: $table-border-size solid $table-border-color;
+          border: $table-border-width solid $table-border-color;
         }
       }
     }

src/scss/tables/_variables.scss

@@ -6,6 +6,6 @@ $table-cell-padding-x: $spacer-sm !default;
 $table-cell-padding: $table-cell-padding-y $table-cell-padding-x !default;
 $table-cell-hover-background-color: var(--component-background-color-hover, #{$component-background-color-hover}) !default;
 $table-cell-striped-background-color: var(--component-background-color-alt, #{$component-background-color-alt}) !default;
-$table-border-size: $component-border-width !default;
+$table-border-width: $component-border-width !default;
 $table-border-color: var(--component-border-color, #{$component-border-color}) !default;
 $table-border-radius: $component-border-radius !default;