From: Bram de Leeuw <bram-de-leeuw@hotmail.com>
Date: Tue, 9 Jan 2018 11:43:21 +0000 (+0100)
Subject: Use calc in button group with singel child
X-Git-Tag: v6.6.0~3^2~318^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10845%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Use calc in button group with singel child

Without calc the singel button in a button group would overlap the grid because of set negative margin. This becomes noticeable when the spacing is set to, for example, the grid gutter.
---

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index bb88bb212..8ef10d762 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -100,7 +100,7 @@ $buttongroup-radius-on-each: true !default;
     @else {
       // One child
       &:first-child:last-child {
-        width: 100%;
+        width: calc(100% - #{$spacing});
       }
 
       // Two or more childreen