Add control and button border variables

docs/_data/variables/elements/button.json

@@ -21,6 +21,21 @@
       "name": "$button-border-color",
       "value": "$grey-lighter"
     },
+    "button-border-width": {
+      "id": "button-border-width",
+      "name": "$button-border-width",
+      "value": "$control-border-width"
+    },
+    "button-padding-vertical": {
+      "id": "button-padding-vertical",
+      "name": "$button-padding-vertical",
+      "value": "calc(0.375em - #{$button-border-width})"
+    },
+    "button-padding-horizontal": {
+      "id": "button-padding-horizontal",
+      "name": "$button-padding-horizontal",
+      "value": "0.75em"
+    },
     "button-hover-color": {
       "id": "button-hover-color",
       "name": "$button-hover-color",
@@ -112,4 +127,4 @@
       "value": "$grey-lighter"
     }
   }
-}
+}

docs/_data/variables/utilities/controls.json

@@ -16,15 +16,20 @@
       "name": "$control-radius-small",
       "value": "$radius-small"
     },
+    "control-border-width": {
+      "id": "control-border-width",
+      "name": "$control-border-width",
+      "value": "1px"
+    },
     "control-padding-vertical": {
       "id": "control-padding-vertical",
       "name": "$control-padding-vertical",
-      "value": "calc(0.375em - 1px)"
+      "value": "calc(0.375em - #{$control-border-width})"
     },
     "control-padding-horizontal": {
       "id": "control-padding-horizontal",
       "name": "$control-padding-horizontal",
-      "value": "calc(0.625em - 1px)"
+      "value": "calc(0.625em - #{$control-border-width})"
     }
   }
-}
+}

docs/bulma-docs.sass

@@ -10,8 +10,6 @@ $amazon: #ffd863
 $bleeding-green: #ABF47C
 $bleeding-red: #CA1F26
 
-// $custom-colors: ("test": $bootstrap, "alt": ($bleeding-red, "jfoeij"), "debug": (pink, black))
-
 @import "../bulma"
 @import "./_sass/highlight"
 @import "./_sass/override"

docs/css/bulma-docs.css

@@ -1534,13 +1534,16 @@ a.box:active {
 .button {
   background-color: white;
   border-color: #dbdbdb;
+  border-width: 1px;
   color: #363636;
   cursor: pointer;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
+  padding-bottom: calc(0.375em - 1px);
   padding-left: 0.75em;
   padding-right: 0.75em;
+  padding-top: calc(0.375em - 1px);
   text-align: center;
   white-space: nowrap;
 }