Skip to content

Commit

Permalink
add gif to readme
Browse files Browse the repository at this point in the history
  • Loading branch information
pszczesniak committed Jul 29, 2016
1 parent e6c35a5 commit 138f9bd
Showing 1 changed file with 5 additions and 2 deletions.
7 changes: 5 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@ Downlod repository and run `npm install` and after that type `grunt` and hit ent
If you just want to use it without customization - get css file from `dist/css` and... that's all :)

### Fully responsive

![KaPi-flex responsive live example](http://piotr-szczesniak.kapisoft.pl/images/flex-grid-rwd.gif)

Default breakpoints:

Prefix | Value | Css media query
Expand Down Expand Up @@ -52,6 +55,7 @@ $column_gap: (0, 20, 30);
</div>
```

CSS grid class tree:
```css
.grid
--xs
Expand Down Expand Up @@ -91,8 +95,7 @@ $column_gap: (0, 20, 30);
Examples of class names: grid, grid--top, grid--reverse, grid--20.
```

CSS class tree:

CSS column class tree:
```css
.col
-xs
Expand Down

0 comments on commit 138f9bd

Please sign in to comment.