Skip to content
A common Sass API for popular css grids and a wireframe helper
Ruby JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
app
config
lib
script
test
.gitignore
Gemfile
MIT-LICENSE
README.md
Rakefile
omnigrid.gemspec

README.md

Omnigrid

A Rails mountable app that provides a common SASS API for major CSS Grids to do semantic/unobstrusive Wireframes

Introduction

Grids are powerfull tools to style a webpage. Blueprint 960 1kb 1140 etc. all have their own class markup (e.g span-2 for blueprint, grid_3 for 960, .onecol for 1140 etc) that tend to pollute HTML.

SASS solves this problem by allowing you to put the grid definition in the CSS file rather than in your HTML, keeping it clean. e.g:

#content { grid(8); }
#sidebar { grid(4, "last"); }

But while developping it is sometimes handy to throw a class in your HTML to have a quick view instead of putting it all in your css... Omniauth hopes to bring the best of both world. Oh and sorry it's only a Rails 3.1 engine (for now?).

Install

in your Gemfile :

gem "omnigrid", :group => "development"
gem "haml" # haml must be in Gemfile to initilaize

Then run :

bundle install

Then in your routes add this line :

mount Omnigrid::Engine => "/omnigrid"

Now you can access omnigrid like that :

localhost:3000/omnigrid

Choose & Generate & Wireframe to Work on

TODO

Something went wrong with that request. Please try again.