add card column count variable

diff --git a/scss/_card.scss b/scss/_card.scss
index 95b2ec41bdffa4644d475c96340c547615f4e1c6..269f8440637969b18df1d488536c5257f4b95d50 100644 (file)
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -280,7 +280,7 @@
 
 @include media-breakpoint-up(sm) {
   .card-columns {
-    column-count: 3;
+    column-count: $card-columns-count;
     column-gap: $card-columns-gap;
 
     .card {

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 83b1559ac236aaa92177837f4426261d13e26302..435475bc3b3b969b7ee94453f7eff2964819aae0 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -707,6 +707,7 @@ $card-img-overlay-padding: 1.25rem !default;
 
 $card-deck-margin:         .625rem !default;
 
+$card-columns-count:        3 !default;
 $card-columns-gap:          1.25rem !default;