Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/argyleink/ragrid
:octocat: Intrinsic first auto-layout flexbox grid
https://github.com/argyleink/ragrid
12-column autolayout css flexbox grid-system intrinsic masonry
Last synced: about 1 month ago
JSON representation
:octocat: Intrinsic first auto-layout flexbox grid
- Host: GitHub
- URL: https://github.com/argyleink/ragrid
- Owner: argyleink
- License: mit
- Created: 2017-04-09T18:03:00.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-05T22:37:20.000Z (almost 2 years ago)
- Last Synced: 2024-07-10T03:21:15.251Z (2 months ago)
- Topics: 12-column, autolayout, css, flexbox, grid-system, intrinsic, masonry
- Language: CSS
- Homepage: https://argyleink.github.io/ragrid/
- Size: 537 KB
- Stars: 251
- Watchers: 10
- Forks: 15
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[demo & docs](https://argyleink.github.io/ragrid/)
## Downloading
```shell
npm i ragrid
bower i ragrid
```
or cheat and let github host it by pointing to `https://rawgit.com/argyleink/ragrid/master/ragrid.min.css`
## Using
```javascript
@import 'ragrid' // postCSS
@import url('path_to/ragrid.min.css') // css
@require 'path_to/ragrid' // stylus
let ragrid = require('path_to/ragrid.styl') // ES6
```
## Building
Feel free to clone and build this project yourself:
```shell
npm run ragrid # convert the stylus to css
npm run crunch # minify css file
```
## Contributing
PR? =)
## Release History
* 2017-4-23 v1.0.5 Shortened columns syntax
* 2017-4-15 v1.0.4 Added vertical masonry
* 2017-4-11 v1.0.3 SCSS support, better docs
* 2017-4-09 v1.0.0 Make it easy to use
## License
Copyright (c) 2017 Adam Argyle. Licensed under the MIT license.