-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Susy Documentation
Is on Eric Meyer’s Github page.
“Susy is a semantic CSS framework creator entirely native to Compass. Susy is an expert at fluid grids in an elastic (or fluid, or fixed) shell that will never activate that bloody side-scroll bar. Susy sets your width on the outer element (container), adds a max-width of 100% and builds the rest of your grid in percentages. The philosophy and technique are based on Natalie Downe’s CSS Systems – which introduces difficult math in the service of beautiful structure. With the power of Compass/Sass, Susy will do that math for you.”
h2 Features
The Susy framework is relatively new. So far it includes mixins for a grid with baseline testing, inline block list, hiding, skiplinks, opacity, border radius, multiple box-model handling, box shadow and column count. (Among other more advanced tricks.)
The main Susy resource at this point is The Oddbird Susy Tutorial
compass -r susy -f susy
rails
cd
haml —rails .
compass -r susy -f susy —rails .
There is some discussion of Susy on the Compass Google Group (why not join ?!)