adds card to flex mode list

diff --git a/docs/pages/flexbox.md b/docs/pages/flexbox.md
index 7a7b756c411a34765a46e71e8eddbe95c592378b..4120cccabf631cb8319dc7171969e397eb706677 100644 (file)
--- a/docs/pages/flexbox.md
+++ b/docs/pages/flexbox.md
@@ -47,11 +47,12 @@ $global-flexbox: true;
 Besides the flex grid, these components have flexbox modes:
 
 - [Button group](button-group.html)
-- [Input group](forms.html#inline-labels-and-buttons)
+- [Input group - (Forms)](forms.html#inline-labels-and-buttons)
 - [Menu](menu.html)
 - [Top bar](top-bar.html)
 - [Media object](media-object.html)
 - [Title bar](off-canvas.html#title-bar)
+- [Card](card.html)
 
 In general, all of the components work exactly the same. However, a few of them require slight changes to CSS classes used to work properly. Refer to the documentation for each to find out what's different.
 

diff --git a/scss/components/_responsive-embed.scss b/scss/components/_responsive-embed.scss
index f8d822588c6853068c52aa026721a64fd943c456..15b85762d15899358e61936f371ad5f0702d42f2 100644 (file)
--- a/scss/components/_responsive-embed.scss
+++ b/scss/components/_responsive-embed.scss
@@ -42,7 +42,8 @@ $responsive-embed-ratios: (
 }
 
 @mixin foundation-responsive-embed {
-  .responsive-embed, .flex-video {
+  .responsive-embed,
+  .flex-video {
     @include responsive-embed($ratio: default);
 
     $ratios: map-remove($responsive-embed-ratios,default);