From: Abdullah Salem <abdullahsalem@outlook.com>
Date: Tue, 22 Mar 2016 13:50:29 +0000 (+0300)
Subject: Fixed the margin (separator) of the stacked button group
X-Git-Tag: v6.2.1~18^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F8445%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fixed the margin (separator) of the stacked button group
---

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index ea95e38b2..bbcdaf1de 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -109,13 +109,20 @@ $buttongroup-expand-max: 6 !default;
   #{$selector} {
     @if $global-flexbox {
       flex: 0 0 100%;
+      margin-#{$global-right}: 0; 
     }
     @else {
       width: 100%;
+      border-#{$global-right}: $buttongroup-spacing solid transparent;
     }
-
+    
     &:not(:last-child) {
-      margin-#{$global-right}: 0;
+      @if $global-flexbox {
+        margin-bottom: $buttongroup-spacing;
+      }
+      @else {
+        border-bottom: $buttongroup-spacing solid $body-background;
+      }
     }
   }
 }