add card column margin variable instead of relying on a default card margin

this assumes no margin on the .card to start (which will follow in a later commit)

diff --git a/scss/_card.scss b/scss/_card.scss
index 269f8440637969b18df1d488536c5257f4b95d50..9ae261556e6d73cc7b1434a73f39e3f8c8f4c7db 100644 (file)
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -286,6 +286,7 @@
     .card {
       display: inline-block; // Don't let them vertically span multiple columns
       width: 100%; // Don't let them exceed the column width
+      margin-bottom: $card-columns-margin;
     }
   }
 }

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 435475bc3b3b969b7ee94453f7eff2964819aae0..8a442a2b24de3c1ff82d2ef7afd4bab073d380e5 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -709,6 +709,7 @@ $card-deck-margin:         .625rem !default;
 
 $card-columns-count:        3 !default;
 $card-columns-gap:          1.25rem !default;
+$card-columns-margin:       $card-spacer-y !default;
 
 
 // 22. Tooltips