From bebdbe411971206e83b52b2448664acfdb73a174 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 27 Mar 2017 22:53:39 -0700 Subject: Fix wrapping card decks (#22289) fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters --- scss/_card.scss | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) (limited to 'scss/_card.scss') diff --git a/scss/_card.scss b/scss/_card.scss index 99f7c21958..2c74c0c971 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -190,17 +190,15 @@ .card-deck { display: flex; flex-flow: row wrap; + margin-right: -$card-deck-margin; + margin-left: -$card-deck-margin; .card { display: flex; flex: 1 0 0; flex-direction: column; - - // Selectively apply horizontal margins to cards to avoid doing the - // negative margin dance like our grid. This differs from the grid - // due to the use of margins as gutters instead of padding. - &:not(:first-child) { margin-left: $card-deck-margin; } - &:not(:last-child) { margin-right: $card-deck-margin; } + margin-right: $card-deck-margin; + margin-left: $card-deck-margin; } } } -- cgit v1.2.3