rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Fix nested cards on card group (#24766)

Browse Source
This commit is contained in:
Andres Galante 2017-11-16 07:41:48 -03:00 committed by XhmikosR
parent 615c995080
commit 8e4ba117bc
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/_card.scss
View File

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