adds card columns mixin

diff --git a/scss/components/_card.scss b/scss/components/_card.scss
index 4fc645cded5f2308c06fb7a29a23c93051ad0861..f7dbc74a30b53e7b944f16231fb4a39614ec96a6 100644 (file)
--- a/scss/components/_card.scss
+++ b/scss/components/_card.scss
@@ -127,12 +127,14 @@ $card-columns-gap: $card-margin !default;
   }
 }
 
-.card-columns {
-  @include card-columns-section;
-
-  .card {
-    display: inline-block; // Don't let them vertically span multiple columns
-    width: 100%; // Don't let their width change
+@mixin foundation-card-columns {
+  .card-columns {
+    @include card-columns-section;
+
+    .card {
+      display: inline-block; // Don't let them vertically span multiple columns
+      width: 100%; // Don't let cards collapse
+    }
   }
 }
 

diff --git a/scss/foundation.scss b/scss/foundation.scss
index 6f7588f302d67351b136a6371a870e3f3f800168..e7bc484ee1134fb25d36c2b93c7f5468b002fcfc 100644 (file)
--- a/scss/foundation.scss
+++ b/scss/foundation.scss
@@ -86,6 +86,7 @@
   @include foundation-button-group;
   @include foundation-callout;
   @include foundation-card;
+  @include foundation-card-columns;
   @include foundation-close-button;
   @include foundation-menu;
   @include foundation-menu-icon;