From: Geoff Kimball Date: Mon, 14 Mar 2016 17:26:44 +0000 (-0700) Subject: Update wording of flexbox mode docs page X-Git-Tag: v6.2.2-rc1~4^2~16 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=6a079c1476a80d586696c54cbf337b4c08e5e83e;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Update wording of flexbox mode docs page --- diff --git a/docs/pages/flexbox.md b/docs/pages/flexbox.md index 0b041c7f4..620ed1077 100644 --- a/docs/pages/flexbox.md +++ b/docs/pages/flexbox.md @@ -22,19 +22,20 @@ Flexbox mode is only supported these browsers: ## Enabling Flexbox Mode -If you're using the CSS version of Foundation, you can generate a custom download of Foundation with flexbox mode enabled. You can achieve this one of two methods if you're using sass: +If you're using the CSS version of Foundation, you can generate a custom download of Foundation with flexbox mode enabled. If you're using the Sass version of Foundation, you can enable flexbox mode two ways: -* If you use `@include foundation-everything;` in your settings scss file (usually `app.scss` or `settings.scss`), pass `true` like so: +If you use the `foundation-everything()` mixin in your main Sass file, pass in the parameter `true` to enable flexbox mode. ```scss @include foundation-everything(true); ``` -* If you included each component manually, open your settings file and set `$global-flexbox` to `true`, and remove the `@include` for the float grid and replace it with the one for the flex grid along with the helper classes: +If you included each component manually, open your settings file and set `$global-flexbox` to `true`, and remove the `@include` for the float grid and replace it with the one for the flex grid, along with the helper classes: ```scss -// @include foundation-grid; $global-flexbox: true; + +// @include foundation-grid; @include foundation-flex-grid; @include foundation-flex-classes; ```