File tree Expand file tree Collapse file tree 1 file changed +6
-5
lines changed Expand file tree Collapse file tree 1 file changed +6
-5
lines changed Original file line number Diff line number Diff line change @@ -12,6 +12,10 @@ SUIT CSS flexbox utilities
1212
1313## Available classes
1414
15+ ** ` flex-container ` **
16+
17+ * ` u-flex ` - Set ` display: flex `
18+
1519** ` flex-direction ` **
1620
1721* ` u-flexRow ` - Displays items in a row
@@ -91,11 +95,6 @@ breakpoints can be configured using `@custom-media`. For example:
9195
9296## Usage
9397
94- ### Applying ` display: flex; `
95-
96- The ` flex ` utilities are designed to be used where the ` display: flex ` property
97- is already set, for example by [ ` Grid ` ] ( https://github.com/suitcss/components-grid ) or [ ` utils-display ` ] ( https://github.com/suitcss/utils-display ) .
98-
9998### Centring an element in its container
10099
101100``` html
@@ -106,6 +105,8 @@ is already set, for example by [`Grid`](https://github.com/suitcss/components-gr
106105
107106### Usage with [ ` Grid ` ] ( https://github.com/suitcss/components-grid )
108107
108+ Note: The ` Grid ` component already sets ` display: flex ` on the root element.
109+
109110``` html
110111<div class =" Grid Grid--alignBottom" >
111112 <div class =" Grid-cell u-size1of3 u-md-flexAlignSelfCenter" >Content</div >
You can’t perform that action at this time.
0 commit comments