Skip to content


Subversion checkout URL

You can clone with
Download ZIP
A Compass plugin to use together with the 52 CSS framework
JavaScript Ruby
Branch: master
Failed to load latest commit information.
lib First commit
stylesheets/52 Removed css3, one can use compass mixins to do css3 stuff
templates/project Added compass-52-framework Github link to manifest
.gitignore First commit
CHANGELOG.rdoc Added missing license and changelog
Gemfile First commit
Gemfile.lock First commit
MIT-LICENSE Added missing license and changelog
README.rdoc Added missing license and changelog
compass-52-plugin.gemspec Added missing license and changelog


52 Framework Compass Plugin

This plugin adds 52 Framework to Compass (

For more information, visit the official site at


gem install compass-52-plugin

Getting Started

To create a Compass project using 52 Framework, enter:

compass create -r fiftytwo my_project --using 52

The above command will generate a styles.sass file with the framework stylesheets included.

Populating the Grid

To set an element as a row, use the row mixin:

  @include row

If the row is an inner row (a row inside another row), use row with parameter setted as true:

    @include row(true)

To calculate column widths, use the column mixin specifying the number of columns as the parameter:

  @include column(5)
Something went wrong with that request. Please try again.