About Zen Grids
Zen Grids is an intuitive, flexible grid system that leverages the natural source order of your content to make it easier to create fluid responsive designs. With an easy-to-use Sass mixin set, the Zen Grids system can be applied to an infinite number of layouts, including responsive, adaptive, fluid and fixed-width layouts.
More information can be found at http://zengrids.com
Here's a simple example: a content column with a sidebar on each side, aligned to a 12 column grid.
;; // Set the gutter size. A half-gutter is used on// each side of each column..container; // Set the number of grid columns to use in this media// query. You'll likely want a different grid for// different screen sizes.
.container element, the
.content elements can be in any order.
Install using one of the following methods:
- Install with npm:
npm install --save-dev zen-grids
- Install with Bower:
bower install --save-dev zen-grids
- Install with Ruby Gem:
gem install zen-grids
and, if using Compass, add
require "zen-grids"to your config.rb file.
- Install with Bundler and Ruby Gem:
bundle inject zen-grids '~> 2.0'
You can then start using Zen Grids in your Sass files. Just add this line to one of your .sass or .scss files and start creating!
Now works with libSass or Ruby Sass!
- LibSass 3.2.5 or later
- or Ruby Sass 3.4.0 or later
Available under the GPL v2 license. See LICENSE.txt.