No commit activity in last 3 years
No release in over 3 years
The Compass Adaptive Grid plugin aims to make it easier to quickly build and deploy fluid layouts with Sass.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

>= 0.10.0
 Project Readme

Compass Adaptive Grid Plugin

An adaptive grid Compass plugin heavily inspired by Matt Sanders' compass-960-plugin.

Installation

gem install compass-adaptive-grid-plugin

Putting it to Use

compass create -r adaptive-grid my_project --using adaptive-grid

Then you can edit your scss files as usual. A Compass reset is included with the base styles automatically.

Using With Existing Compass Projects

Add the following to the beginning of your config.rb:

require 'adaptive-grid'

And import the grid in your scss file:

@import 'adaptive-grid/grid';

Customizing Your Grid

The following are the variable defaults used by the plugin.

$adaptive-grid-gutter-width: 20px !default;
$adaptive-grid-max-width: 960px !default;
$adaptive-grid-columns: 12 !default;
$adaptive-grid-class-separator: "-" !default;