From 87b6dbb03d28505d83f6a3f41c7a9b02ce52cd7f Mon Sep 17 00:00:00 2001
From: Nate Wiebe <nate@northern.co>
Date: Tue, 31 Jan 2017 10:36:52 -0500
Subject: [PATCH] Add support for responsive button padding

---
 scss/components/_button.scss | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 032e71c6d..a0b26defe 100644
--- 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;
-- 
2.47.2