argyleink / ragrid

:octocat: Intrinsic first auto-layout flexbox grid

demo & docs

Downloading

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

@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:

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.

ragrid's Issues

change the name raflex

new display grid will be popular soon, and it may make confusions

rows vertically aligned bottom required you to use horizontally-aligned right

lib should fix this oddity

Browser Support

Have you done much browser support testing yet?
Would it basically be "any browser that can support custom attributes would also support flex" and vice versa?