From 9cd44af355ebc677bf855c1a05135c6bbf43b98c Mon Sep 17 00:00:00 2001 From: RafiBomb Date: Thu, 2 Feb 2017 09:00:54 -0800 Subject: [PATCH] adds flex to card-divider and fixes card width for narrow content --- scss/components/_card.scss | 2 ++ test/visual/card/card.html | 44 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+) create mode 100644 test/visual/card/card.html 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

+
+
+ + + +
+
+
+
+ + + + + + -- 2.47.2