Grids

Grids is a fully customizable CSS button library that's built using Sass, and created by Alex Wolfe and Rob Levin.

Setup & Installation

1. Add css in the head of your webpage <link rel="stylesheet" href="css/grids.css"></link>
2. Use the grid classes in your markup

Customize Grids

1. Clone the Grids repo
2. Make sure you have Sass installed
3. Edit the scss/_options.scss with your own custom values
4. Run the sass --watch scss:css command from the root directory of the Grids directory from the command line
5. The css/grids.css file should now be updated

General Options

TBD

Advanced Options

TBD

Browser Support

Grids works in All modern browsers (Firefox, Chrome, Safari, IE) and gracefully degrades all the way down to Internet Explorer 8.

Authors

Created by Alex Wolfe @alexwolfe and Rob Levin @roblevintennis

Task List

• Improve grid_flexible.html demo
• Mobile First Toggle
• Default Stacking Toggle
• Phone and Tablet Before/After
• Fixed Gutter Option (when in fluid grid mode)
• Improve Docs
• Video Demo
• Grid Site