From: RafiBomb Date: Thu, 2 Feb 2017 17:00:54 +0000 (-0800) Subject: adds flex to card-divider and fixes card width for narrow content X-Git-Tag: v6.4.0-rc1~67^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9cd44af355ebc677bf855c1a05135c6bbf43b98c;p=thirdparty%2Ffoundation%2Ffoundation-sites.git adds flex to card-divider and fixes card width for narrow content --- diff --git a/scss/components/_card.scss b/scss/components/_card.scss index e6305730b..125c21ba7 100644 --- a/scss/components/_card.scss +++ b/scss/components/_card.scss @@ -56,6 +56,7 @@ $card-margin: $global-margin !default; @if $global-flexbox { display: flex; flex-direction: column; + flex-grow: 1; } margin-bottom: $margin; @@ -81,6 +82,7 @@ $card-margin: $global-margin !default; ) { @if $global-flexbox { flex: 0 1 auto; + display: flex; } padding: $padding; diff --git a/test/visual/card/card.html b/test/visual/card/card.html new file mode 100644 index 000000000..e0e276fce --- /dev/null +++ b/test/visual/card/card.html @@ -0,0 +1,44 @@ + + + + + + + Foundation for Sites Testing + + + +
+
+
+ +
+

Making sure

+

card doesnt shrink

+
+
+
+ +
+
+ +
+

Making sure

+

images below are spread apart and vertically centered

+
+
+ + + +
+
+
+
+ + + + + +