From 679848532344518fc7d7c65758c5812910eb295d Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@chrisrebert.com>
Date: Tue, 8 Dec 2015 00:51:43 -0800
Subject: [PATCH] Introduce $card-deck-margin variable

[skip sauce]
[skip validator]
---
 scss/_card.scss      | 15 ++++++++-------
 scss/_variables.scss |  2 ++
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/scss/_card.scss b/scss/_card.scss
index ecd797e1f8..c1f2da116b 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 c63af84904..993a0da598 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