Add support for responsive button padding

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 032e71c6d7f9f517e94486a77b934be9bd41b87e..a0b26defe94cf0cfa4d6b9beb90054ea0388efc4 100644 (file)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -78,7 +78,17 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
   display: inline-block;
   vertical-align: middle;
   margin: $button-margin;
-  padding: $button-padding;
+
+  @if (type-of($button-padding) == 'map') {
+    @each $size, $padding in $button-padding {
+      @include breakpoint($size) {
+        padding: $padding;
+      }
+    }
+  }
+  @else {
+    padding: $button-padding;
+  }
 
   -webkit-appearance: none;
   border: 1px solid transparent;