Skip to content

Commit 645ca59

Browse files
authored
add some usage examples
1 parent 9bfcbf6 commit 645ca59

File tree

1 file changed

+13
-8
lines changed

1 file changed

+13
-8
lines changed

README.md

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,27 @@
1-
## Why
2-
Why another grid? I'd like the way we talk about the grid, to be the same way we code the grid. RAGrid is different than the other grids too. It works like auto-layout by aligning and distributing children. In addition, it's capable of 12-column and masonry layouts, but is trying to teach intrinsic layout usage as opposed to extrinsic. This grid is optimal for component development since it's more prepared for dynamic content than the average grid.
1+
[demo & docs](https://argyleink.github.io/ragrid/)
32

4-
[Check out the demo & docs site](https://argyleink.github.io/ragrid/).
53

6-
7-
## Using
4+
## Downloading
85
```shell
96
npm i ragrid -D
107
yarn add ragrid
118
bower i ragrid
129
```
1310

1411

15-
### Building
12+
## Using
13+
```javascript
14+
@import url('path_to/ragrid.min.css') // css
15+
require 'path_to/ragrid' // stylus
16+
let ragrid = require('path_to/ragrid.styl') // ES6
17+
```
18+
19+
20+
## Building
1621
Feel free to clone and build this project yourself:
1722
```shell
18-
npm run ragrid # no watch, just convert the stylus
19-
npm run crunch # minify css file for open source use
23+
npm run ragrid # convert the stylus to css
24+
npm run crunch # minify css file
2025
```
2126

2227

0 commit comments

Comments
 (0)