diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_card.scss')
| -rw-r--r-- | assets/stylesheets/bootstrap/_card.scss | 31 |
1 files changed, 25 insertions, 6 deletions
diff --git a/assets/stylesheets/bootstrap/_card.scss b/assets/stylesheets/bootstrap/_card.scss index 1ab85a4..40fa425 100644 --- a/assets/stylesheets/bootstrap/_card.scss +++ b/assets/stylesheets/bootstrap/_card.scss @@ -56,6 +56,10 @@ @include border-bottom-radius($card-border-radius); } } + + .card-header + .list-group > .list-group-item:first-child { + border-top: 0; + } } @@ -130,9 +134,15 @@ // Card deck -@include media-breakpoint-up(sm) { - .card-deck { - display: flex; +.card-deck { + display: flex; + flex-direction: column; + + .card { + margin-bottom: $card-deck-margin; + } + + @include media-breakpoint-up(sm) { flex-flow: row wrap; margin-right: -$card-deck-margin; margin-left: -$card-deck-margin; @@ -142,6 +152,7 @@ flex: 1 0 0%; flex-direction: column; margin-right: $card-deck-margin; + margin-bottom: 0; // Override the default margin-left: $card-deck-margin; } } @@ -152,13 +163,20 @@ // Card groups // -@include media-breakpoint-up(sm) { - .card-group { - display: flex; +.card-group { + display: flex; + flex-direction: column; + + .card { + margin-bottom: $card-group-margin; + } + + @include media-breakpoint-up(sm) { flex-flow: row wrap; .card { flex: 1 0 0%; + margin-bottom: 0; + .card { margin-left: 0; @@ -177,6 +195,7 @@ border-bottom-right-radius: 0; } } + &:last-child { @include border-left-radius(0); |