Plugin to bring the Elastic CSS framework to Compass.
Plugin created by Marnen Laibow-Koser, based on Elastic framework by Fernando Trasviña, Sergio de la Garza, et al. See http://elasticss.com and http://github.com/azendal/elastic/tree/master .
This plugin adds the Elastic CSS framework to Compass.
sudo gem install chriseppstein-compass
sudo gem install chriseppstein-compass-960-plugin
compass -r elastic -f elastic <project name>
Then edit your grid.sass
and text.sass
files accordingly. A reset is added into grid.sass automatically.
To create a grid system with other number of columns use the +grid-system
mixin to generate
the corresponding classes.
Example:
#wrap
+grid-system(24)
+grid-container
mixin to declare your container element.+grid
mixin to declare a grid element.+alpha
and +omega
mixins to declare the first and last grid elements for a row.+grid-prefix
and +grid-suffix
mixins to add grid columns before or after a grid element.Example:
#wrap
+grid-container
#left-nav
+alpha
+grid(5,16)
#main-content
+grid-prefix(1,16)
+grid(10, 16)
+omega