From 8e4ba117bc825a4538c7c960e50884d379626a0c Mon Sep 17 00:00:00 2001
From: Andres Galante <agalante@gmail.com>
Date: Thu, 16 Nov 2017 07:41:48 -0300
Subject: [PATCH] Fix nested cards on card group (#24766)

---
 scss/_card.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/scss/_card.scss b/scss/_card.scss
index a3a435a7f8..4c4845c0bb 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -172,14 +172,17 @@
   display: flex;
   flex-direction: column;
 
-  .card {
+  // The child selector allows nested `.card` within `.card-group`
+  // to display properly.
+  > .card {
     margin-bottom: $card-group-margin;
   }
 
   @include media-breakpoint-up(sm) {
     flex-flow: row wrap;
-
-    .card {
+    // The child selector allows nested `.card` within `.card-group`
+    // to display properly.
+    > .card {
       // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
       flex: 1 0 0%;
       margin-bottom: 0;