Skip to content

A Simple, responsive, and customizable grid based on the Flexbox property

License

Notifications You must be signed in to change notification settings

josephrexme/bluegrid

 
 

Repository files navigation

Bluegrid

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

View Docs / Examples Page

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

About

A Simple, responsive, and customizable grid based on the Flexbox property

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 49.6%
  • CSS 40.2%
  • JavaScript 10.2%