mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-15 11:59:39 +03:00
Code Activity

Fix wrapping card decks (#22289)

Browse Source 
fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters
This commit is contained in:
Mark Otto
2017-03-27 22:53:39 -07:00
committed by GitHub
parent fe3acc097a
commit bebdbe4119
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_card.scss
+4 -6
View File
@@ -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;
}
}
}