Project

eleven40

0.01
No commit activity in last 3 years
No release in over 3 years
a cssgrid implementation in compass
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Runtime

>= 0.10.0.rc3
 Project Readme

eleven40-compass extension

This is a Compass-CSS extension to enable the 1140px fluid layout style, originally described at http://cssgrid.net/

The main problem with the styles provided is that is makes your markup and style non-semantic. Compass and SASS fixes that.

This extension is not quite in line with the original, but will be soon. It currently only has screen and mobile support.

Usage

Mixins

This extension provides mixins to do what the classes in the original did. In general, you can follow this format:

@include eleven40-classname

For example:

@include eleven40-container

replaces the

.container

css class.

The same applies for the row class all the col classes. Make sure you use the eleven40-last mixin for the last column, just like in the css class version.

Mobile

To make a mobile stylesheet, simply:

@import "eleven40/mobile";

This will include the mobile styles that will overload the default screen styles.

Install

gem install eleven40