No commit activity in last 3 years
No release in over 3 years
52 is an HTML5 and CSS3 grid cross-browser framework.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

>= 0.10
 Project Readme

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)