Still is under development. Not recommended to use.

Based on hashgrid overlay for Grids. The library uses Sprockets.

Requirements

Installation

Add this line to your application's Gemfile:

gem 'grids'
gem 'grids-overlay'

If you don't use Rails add Grids::Overlay.load_paths to your Sprockets environment:

Grids::Overlay.load_paths.each {|path| environment.append_path path }

Usage

Import your grid:

@import 'display.grid';

Add overlay to your css code:

@import 'grids/overlay';

// Temporary set of variables.
// Because of sass 3.3 is still unreleased you should add these ones.
$overlay-x: display-x(1);
$overlay-y: display-y(1);
$overlay-gutter-x: display-gutter-x(1);
$overlay-gutter-y: display-gutter-y(1);
$overlay-modules-x: display-modules-x(1);
$overlay-full-page-width: display-full-page-width();

@include grids-overlay(display) { // Name of your grid.
  @extend %cendered-grid; // optional
}

Add overlay to your javascript code:

// = require jquery
// = require grids/overlay

$(function(){
  new grids.Overlay('display');
})