]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
think i fixed flexbox.md thanks to @IamManchanda 9701/head
authorChris <chrisdavidramos@gmail.com>
Wed, 1 Feb 2017 19:49:26 +0000 (14:49 -0500)
committerChris <chrisdavidramos@gmail.com>
Wed, 1 Feb 2017 19:49:26 +0000 (14:49 -0500)
docs/pages/flexbox.md

index f993fc59c8162e0f9e6ef67c0c2b17b6c7c51e83..9ac3bedfdeac3c1b8820ae0ba158965c624318aa 100644 (file)
@@ -164,6 +164,25 @@ To align an individual child, use the below classes. They use the same alignment
 </div>
 ```
 
+---
+
+### Central Alignment
+
+Central alignment can be applied to a flex parent, which will centrally align all children's automatically. To set this to your layout, simply use the class: `.align-center-middle`.
+
+<div class="primary callout">
+  <p>We are using `.text-center` class just for demo purposes here.</p>
+</div>
+
+```html_example
+<div class="row align-center-middle text-center">
+  <div class="columns small-4">I am in the center-middle</div>
+  <div class="columns small-4">I am also centrally located</div>
+</div>
+```
+
+---
+
 ## Vanilla Flexbox Helper Classes
 
 Foundation also includes some helper classes for quickly applying flex