diff options
| author | Chris Rebert <[email protected]> | 2015-12-08 00:51:43 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-12-08 01:13:37 -0800 |
| commit | 679848532344518fc7d7c65758c5812910eb295d (patch) | |
| tree | d89081de38c487cb409629336028ed0f124f9957 | |
| parent | 223e3505ce24ed3cae612ed9914e8a91e23c953c (diff) | |
| download | bootstrap-679848532344518fc7d7c65758c5812910eb295d.tar.xz bootstrap-679848532344518fc7d7c65758c5812910eb295d.zip | |
Introduce $card-deck-margin variable
[skip sauce]
[skip validator]
| -rw-r--r-- | scss/_card.scss | 15 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 10 insertions, 7 deletions
diff --git a/scss/_card.scss b/scss/_card.scss index ecd797e1f..c1f2da116 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -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); } } } diff --git a/scss/_variables.scss b/scss/_variables.scss index c63af8490..993a0da59 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -468,6 +468,8 @@ $card-bg: #fff !default; $card-link-hover-color: #fff !default; +$card-deck-margin: .625rem !default; + // Tooltips |