From: Abdullah Salem <abdullahsalem@outlook.com>
Date: Mon, 18 Jul 2016 03:19:34 +0000 (+0300)
Subject: Fixed issue #8447
X-Git-Tag: v6.3-rc1~56^2
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9031%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fixed issue #8447
---

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index 4fa4047f9..e8dd9f1ed 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -44,13 +44,21 @@ $buttongroup-expand-max: 6 !default;
     margin-#{$global-right}: $buttongroup-spacing;
     margin-bottom: $buttongroup-spacing;
     font-size: map-get($button-sizes, default);
+    border-radius: 0;
 
     @if $global-flexbox {
       flex: 0 0 auto;
     }
 
+    &:first-child {
+      border-top-#{$global-left}-radius: $global-radius;
+      border-bottom-#{$global-left}-radius: $global-radius; 
+    }
+
     &:last-child {
       margin-#{$global-right}: 0;
+      border-top-#{$global-right}-radius: $global-radius;
+      border-bottom-#{$global-right}-radius: $global-radius;
     }
   }
 }
@@ -103,6 +111,8 @@ $buttongroup-expand-max: 6 !default;
   }
 
   #{$selector} {
+    border-radius: 0;
+
     @if $global-flexbox {
       flex: 0 0 100%;
     }
@@ -110,8 +120,15 @@ $buttongroup-expand-max: 6 !default;
       width: 100%;
     }
 
+    &:first-child{
+      border-top-#{$global-left}-radius: $global-radius;
+      border-top-#{$global-right}-radius: $global-radius; 
+    }
+
     &:last-child {
       margin-bottom: 0;
+      border-bottom-#{$global-left}-radius: $global-radius;
+      border-bottom-#{$global-right}-radius: $global-radius;
     }
   }
 }
@@ -130,6 +147,18 @@ $buttongroup-expand-max: 6 !default;
       width: auto;
     }
     margin-bottom: 0;
+
+    &:first-child {
+      border-top-#{$global-left}-radius: $global-radius;
+      border-top-#{$global-right}-radius: 0;
+      border-bottom-#{$global-left}-radius: $global-radius; 
+    }
+
+    &:last-child {
+      border-top-#{$global-right}-radius: $global-radius;
+      border-bottom-#{$global-right}-radius: $global-radius;
+      border-bottom-#{$global-left}-radius: 0;
+    }
   }
 }