kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Introduce $card-deck-margin variable 

[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 {
display: flex;
flex-flow: row wrap;
margin-right: -.625rem;
margin-left: -.625rem;
margin-right: -$card-deck-margin;
margin-left: -$card-deck-margin;
.card {
flex: 1 0 0;
margin-right: .625rem;
margin-left: .625rem;
margin-right: $card-deck-margin;
margin-left: $card-deck-margin;
}
}
}
} @else {
@include media-breakpoint-up(sm) {
$space-between-cards: (2 * $card-deck-margin);
.card-deck {
display: table;
table-layout: fixed;
border-spacing: 1.25rem 0;
border-spacing: $space-between-cards 0;
.card {
display: table-cell;
@ -204,8 +205,8 @@
}
}
.card-deck-wrapper {
margin-right: -1.25rem;
margin-left: -1.25rem;
margin-right: (-$space-between-cards);
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-deck-margin: .625rem !default;
// Tooltips