Introduce $card-deck-margin variable

[skip sauce]
[skip validator]

diff --git a/scss/_card.scss b/scss/_card.scss
index ecd797e1f828c80a727d5b7301cad4ac4e1b11d5..c1f2da116b0ed1de3aacb7c87b50eeed0cbbb3df 100644 (file)
--- 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 c63af849044fa0f3201c6883718643dba0c7877a..993a0da598da9f13732c1e565ce23be2ae980c24 100644 (file)
--- 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