From: Geoff Kimball Date: Thu, 18 Feb 2016 19:37:25 +0000 (-0800) Subject: Update flexbox docs to reflect that align-items: stretch is the default, not flex... X-Git-Tag: v6.2.0~40^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ff3c7df23aa49ca49105b80fb391df5b104df442;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Update flexbox docs to reflect that align-items: stretch is the default, not flex-start --- diff --git a/docs/pages/flex-grid.md b/docs/pages/flex-grid.md index 2219e8d49..725c292d4 100644 --- a/docs/pages/flex-grid.md +++ b/docs/pages/flex-grid.md @@ -197,7 +197,7 @@ The horizontal alignment classes are shorthands for the `justify-content` CSS pr ### Vertical Alignment -By default, all columns in a flex grid align to the top of their parent. This behavior can be changed with another set of alignment classes. That's right, *middle alignment in CSS*! +By default, all columns in a flex grid stretch to be equal height. This behavior can be changed with another set of alignment classes. That's right, *middle alignment in CSS*! Your options for vertical alignment are `top`, `middle`, `bottom`, and `stretch`. Note that we use the word *middle* for vertical alignment, and *center* for horizontal alignment. diff --git a/docs/pages/flexbox.md b/docs/pages/flexbox.md index df6ca7322..3581a888c 100644 --- a/docs/pages/flexbox.md +++ b/docs/pages/flexbox.md @@ -120,8 +120,9 @@ The horizontal alignment classes are shorthands for the `justify-content` CSS pr Vertical alignment can be applied to a flex parent—which will align all the children automatically—or to a flex child, which will align only that element. -Top alignment is the default. To set parent alignment, use these classes: +Stretch alignment is the default. To set parent alignment, use these classes: +- `.align-top` - `.align-middle` - `.align-bottom` - `.align-stretch`