Bluegrid

A Simple, Responsive, and customizable grid based on the flex property.

View Docs / Examples Page Learn the basics of Flexbox within a couple of minutes with this fun game

Getting Started

With NPM:

1. npm install bluegrid
2. @import node_modules/bluegrid/bluegrid
3. or add <link rel="stylesheet" type="text/css" href="node_modules/bluegrid/dist/bluegrid.min.css">

With Bower:

1. bower install bluegrid
2. @import bower_components/bluegrid/bluegrid
3. or add <link rel="stylesheet" type="text/css" href="bower_components/bluegrid/dist/bluegrid.min.css">

With Meteor:

1. meteor add colbycheeze:bluegrid
2. meteor add fourseven:scss
3. @import {colbycheeze:bluegrid}/bluegrid

Contributing / Dev

1. Clone or Fork repo and type npm install in the project directory
2. Run gulp to start up server, and BrowserSync will open a view at localhost:3000
3. make changes and submit a pull request if you wish
4. Yay

Project Todo

• Create a download file
• Improve Docs:
• Add link back to Github
• Create docs section for all mixin functionality
• Create sidebar reference to where you are while scrolling on page.
• Make some examples of real world layouts / use cases