From: Nate Wiebe <nate@northern.co>
Date: Tue, 31 Jan 2017 15:36:52 +0000 (-0500)
Subject: Add support for responsive button padding
X-Git-Tag: 6.3.1~12^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9735%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add support for responsive button padding
---

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;