File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 22
33SUIT CSS flexbox utilities
44
5- * Read more about [ Flexbox and its usage] ( http://www.w3.org/TR/css-flexbox/ )
5+ * Read more about [ flexbox and its usage] ( http://www.w3.org/TR/css-flexbox/ )
66* Read more about [ SUIT CSS's design principles] ( https://github.com/suitcss/suit/ ) .
77
88## Installation
99
1010* [ npm] ( http://npmjs.org/ ) : ` npm install suitcss-utils-flex `
11- * Download: [ zip] ( https://github.com/suitcss /utils-flex/releases/latest )
11+ * Download: [ zip] ( https://github.com/simonsmith /utils-flex/releases/latest )
1212
1313## Available classes
1414
@@ -77,12 +77,18 @@ SUIT CSS flexbox utilities
7777
7878### Plugins
7979
80- Utilities that can be limited to specific Media Query breakpoints.
80+ All flex utilities can be limited to specific Media Query breakpoints.
8181
8282* ` u-sm-flexX ` - To use at the smallest Media Query breakpoint.
8383* ` u-md-flexX ` - To use at the medium Media Query breakpoint.
8484* ` u-lg-flexX ` - To use at the largest Media Query breakpoint.
8585
86+ ``` html
87+ <div class =" u-md-flex u-md-flexWrap" >
88+ <!-- flex items -->
89+ </div >
90+ ```
91+
8692### Configuration
8793
8894There are 3 Media Query breakpoints:
You can’t perform that action at this time.
0 commit comments