From 49b6636537b7f42e735f3c4415efe1137a756ed4 Mon Sep 17 00:00:00 2001 From: RafiBomb Date: Thu, 2 Feb 2017 09:21:36 -0800 Subject: [PATCH] adds card columns mixin --- scss/components/_card.scss | 14 ++++++++------ scss/foundation.scss | 1 + 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/scss/components/_card.scss b/scss/components/_card.scss index 4fc645cde..f7dbc74a3 100644 --- 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 6f7588f30..e7bc484ee 100644 --- 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; -- 2.47.2