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.
foundation · Jan 9, 2018 · ec793f9 · ec793f9
1 parent 9fcea0f
commit ec793f9
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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