Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A Compass plugin to use together with the 52 CSS framework

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 lib
Octocat-spinner-32 stylesheets
Octocat-spinner-32 templates
Octocat-spinner-32 .gitignore
Octocat-spinner-32 CHANGELOG.rdoc
Octocat-spinner-32 Gemfile
Octocat-spinner-32 Gemfile.lock
Octocat-spinner-32 MIT-LICENSE
Octocat-spinner-32 README.rdoc
Octocat-spinner-32 Rakefile
Octocat-spinner-32 compass-52-plugin.gemspec
README.rdoc

52 Framework Compass Plugin

This plugin adds 52 Framework to Compass (compass-style.org/).

For more information, visit the official site at www.52framework.com

Installation

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:

header
  @include row

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

header
  .left-block
    @include row(true)

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

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