From: Nicolas Coden <nicolas@ncoden.fr>
Date: Sun, 18 Dec 2016 04:11:56 +0000 (+0100)
Subject: Fix #9521 - Single button in expanded button group
X-Git-Tag: v6.3.1-rc1~33^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F9522%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix #9521 - Single button in expanded button group

Fix https://github.com/zurb/foundation-sites/issues/9521
A single button in a expanded button group was not expanded.

Changes:
- Add `width:100%` to the button when it is the only one in the button
group.

Note: The way we are currently handling button groups is really dirty.
---

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index 6f6fc1960..c1404b5d5 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -94,6 +94,12 @@ $buttongroup-radius-on-each: true !default;
       flex: 1 1 0px; // sass-lint:disable-line zero-unit
     }
     @else {
+      // One child
+      &:first-child:last-child {
+        width: 100%
+      }
+
+      // Two or more childreen
       @for $i from 2 through $buttongroup-expand-max {
         &:first-child:nth-last-child(#{$i}) {
           &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {