From 66408b6e59ad53b30f960966cc60662b57a03c17 Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Sat, 16 Nov 2019 12:49:38 +0100 Subject: [PATCH] Remove card decks in favor of the grid --- scss/_card.scss | 24 ------------------------ scss/_variables.scss | 1 - site/content/docs/4.3/migration.md | 1 + 3 files changed, 1 insertion(+), 25 deletions(-) diff --git a/scss/_card.scss b/scss/_card.scss index 510fbcea1e..132f79e1eb 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -150,30 +150,6 @@ } -// Card deck - -.card-deck { - .card { - margin-bottom: $card-deck-margin; - } - - @include media-breakpoint-up(sm) { - display: flex; - flex-flow: row wrap; - margin-right: -$card-deck-margin; - margin-left: -$card-deck-margin; - - .card { - // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4 - flex: 1 0 0%; - margin-right: $card-deck-margin; - margin-bottom: 0; // Override the default - margin-left: $card-deck-margin; - } - } -} - - // // Card groups // diff --git a/scss/_variables.scss b/scss/_variables.scss index 624cb2bd22..037981d7ea 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -929,7 +929,6 @@ $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-group-margin: $grid-gutter-width / 2 !default; -$card-deck-margin: $card-group-margin !default; // Tooltips diff --git a/site/content/docs/4.3/migration.md b/site/content/docs/4.3/migration.md index a12ea277d3..91d4bf20cc 100644 --- a/site/content/docs/4.3/migration.md +++ b/site/content/docs/4.3/migration.md @@ -121,6 +121,7 @@ Badges were overhauled to better differentiate themselves from buttons and to be ### Cards - Removed the card columns in favor of a Masonry grid [See #28922](https://github.com/twbs/bootstrap/pull/28922). +- Removed card decks in favor of the grid which adds more flexibility over responsive behaviour. ### Jumbotron