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

Introduce $card-deck-margin variable

Browse Source 
[skip sauce]
[skip validator]
This commit is contained in:
Chris Rebert 2015-12-08 00:51:43 -08:00
parent 223e3505ce
commit 6798485323
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
scss/_card.scss
View File

@ -180,22 +180,23 @@
.card-deck { .card-deck {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
margin-right: -.625rem; margin-right: -$card-deck-margin;
margin-left: -.625rem; margin-left: -$card-deck-margin;
.card { .card {
flex: 1 0 0; flex: 1 0 0;
margin-right: .625rem; margin-right: $card-deck-margin;
margin-left: .625rem; margin-left: $card-deck-margin;
} }
} }
} }
} @else { } @else {
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
$space-between-cards: (2 * $card-deck-margin);
.card-deck { .card-deck {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
border-spacing: 1.25rem 0; border-spacing: $space-between-cards 0;
.card { .card {
display: table-cell; display: table-cell;
@ -204,8 +205,8 @@
} }
} }
.card-deck-wrapper { .card-deck-wrapper {
margin-right: -1.25rem; margin-right: (-$space-between-cards);
margin-left: -1.25rem; margin-left: (-$space-between-cards);
} }
} }
} }

2
scss/_variables.scss
View File

@ -468,6 +468,8 @@ $card-bg: #fff !default;
$card-link-hover-color: #fff !default; $card-link-hover-color: #fff !default;
$card-deck-margin: .625rem !default;
// Tooltips // Tooltips