Skip to content

Commit

Permalink
Update README
Browse files Browse the repository at this point in the history
  • Loading branch information
simonsmith committed Nov 18, 2015
1 parent 87a8156 commit b3e5f8d
Showing 1 changed file with 9 additions and 3 deletions.
12 changes: 9 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,13 @@

SUIT CSS flexbox utilities

* Read more about [Flexbox and its usage](http://www.w3.org/TR/css-flexbox/)
* Read more about [flexbox and its usage](http://www.w3.org/TR/css-flexbox/)
* Read more about [SUIT CSS's design principles](https://github.com/suitcss/suit/).

## Installation

* [npm](http://npmjs.org/): `npm install suitcss-utils-flex`
* Download: [zip](https://github.com/suitcss/utils-flex/releases/latest)
* Download: [zip](https://github.com/simonsmith/utils-flex/releases/latest)

## Available classes

Expand Down Expand Up @@ -77,12 +77,18 @@ SUIT CSS flexbox utilities

### Plugins

Utilities that can be limited to specific Media Query breakpoints.
All flex utilities can be limited to specific Media Query breakpoints.

* `u-sm-flexX` - To use at the smallest Media Query breakpoint.
* `u-md-flexX` - To use at the medium Media Query breakpoint.
* `u-lg-flexX` - To use at the largest Media Query breakpoint.

``` html
<div class="u-md-flex u-md-flexWrap">
<!-- flex items -->
</div>
```

### Configuration

There are 3 Media Query breakpoints:
Expand Down

0 comments on commit b3e5f8d

Please sign in to comment.