diff options
| author | Andres Galante <[email protected]> | 2017-11-16 07:41:48 -0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2017-11-16 12:41:48 +0200 |
| commit | 8e4ba117bc825a4538c7c960e50884d379626a0c (patch) | |
| tree | a69493cc5d98cb1160f945fce68c8f84117ac0de | |
| parent | 615c9950801ac425cd566d1595f1a85fef82cf89 (diff) | |
| download | bootstrap-8e4ba117bc825a4538c7c960e50884d379626a0c.tar.xz bootstrap-8e4ba117bc825a4538c7c960e50884d379626a0c.zip | |
Fix nested cards on card group (#24766)
| -rw-r--r-- | scss/_card.scss | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/scss/_card.scss b/scss/_card.scss index a3a435a7f..4c4845c0b 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; |