Add $button-font-family variable

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 26170a3ae1d5c80fe260626617261b5174efcb27..2e075afe04493f713696f14f10cee7a8b9b81399 100644 (file)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -6,6 +6,10 @@
 /// @group button
 ////
 
+/// Font family for button elements.
+/// @type String | List
+$button-font-family: $body-font-family !default;
+
 /// Padding inside buttons.
 /// @type List
 $button-padding: 0.85em 1em !default;
@@ -82,6 +86,7 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
   display: inline-block;
   vertical-align: middle;
   margin: $button-margin;
+  font-family: $button-font-family;
 
   @if (type-of($button-padding) == 'map') {
     @each $size, $padding in $button-padding {
@@ -158,7 +163,7 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
 
 @mixin button-hollow-style(
   $color: $primary-color,
-  $hover-lightness: $button-hollow-hover-lightness, 
+  $hover-lightness: $button-hollow-hover-lightness,
   $border-width: $button-hollow-border-width
 ) {
   $color-hover: scale-color($color, $lightness: $hover-lightness);

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index af784b6d687087b74938d9589164a7610f3f41f4..d0d57e108728c708299d23ca87a38ea1b74531a0 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -240,6 +240,7 @@ $breadcrumbs-item-slash: true;
 // 11. Button
 // ----------
 
+$button-font-family: $body-font-family;
 $button-padding: 0.85em 1em;
 $button-margin: 0 0 $global-margin 0;
 $button-fill: solid;