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');
})