From: Roy Klutman <royklutman@users.noreply.github.com>
Date: Sun, 21 Oct 2018 06:49:05 +0000 (+0200)
Subject: Fix for double border on cards in an accordion (#27133)
X-Git-Tag: v4.2.0~217
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=fccdda544816202d1c02df673e528bb5a22f0484;p=thirdparty%2Fbootstrap.git

Fix for double border on cards in an accordion (#27133)
---

diff --git a/scss/_card.scss b/scss/_card.scss
index 28d7e62447..fcae56d630 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -277,25 +277,33 @@
 //
 
 .accordion {
-  .card:not(:first-of-type):not(:last-of-type) {
-    border-bottom: 0;
-    border-radius: 0;
-  }
+  .card {
+    overflow: hidden;
+
+    &:not(:first-of-type) {
+      .card-header:first-child {
+        border-radius: 0;
+      }
 
-  .card:not(:first-of-type) {
-    .card-header:first-child {
-      border-radius: 0;
+      &:not(:last-of-type) {
+        border-bottom: 0;
+        border-radius: 0;
+      }
     }
-  }
 
-  .card:first-of-type {
-    border-bottom: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
+    &:first-of-type {
+      border-bottom: 0;
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
 
-  .card:last-of-type {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
+    &:last-of-type {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+
+    .card-header {
+      margin-bottom: -$card-border-width;
+    }
   }
 }