From: RafiBomb Date: Thu, 2 Feb 2017 17:21:36 +0000 (-0800) Subject: adds card columns mixin X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9744%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git adds card columns mixin --- 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;