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;