Skip to content

Commit 1a9956c

Browse files
committed
fixes nested cards on card group
1 parent 9a0bba9 commit 1a9956c

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

scss/_card.scss

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -172,14 +172,17 @@
172172
display: flex;
173173
flex-direction: column;
174174

175-
.card {
175+
// The child selector allows nested `.card` within `.card-group`
176+
// to display properly.
177+
> .card {
176178
margin-bottom: $card-group-margin;
177179
}
178180

179181
@include media-breakpoint-up(sm) {
180182
flex-flow: row wrap;
181-
182-
.card {
183+
// The child selector allows nested `.card` within `.card-group`
184+
// to display properly.
185+
> .card {
183186
// Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
184187
flex: 1 0 0%;
185188
margin-bottom: 0;

0 commit comments

Comments
 (0)