Zurb Foundation, for Sass and Compass
What do you get when combine the power of Sass with Zurb? You get Zurb Foundation for Sass and Compass.
Foundation is awesome.
I come out of the gate saying, "Foundation is awesome." It's the perfect flexible grid from desktop to mobile.
ZURB Foundation features a set of global styles that include Eric Meyer's reset, tested styles for typography, links, lists, tables and more.
- The Grid, built for rapid prototyping and mobility
- Various layout options
- UI Elements
- Buttons and forms
- Plus playground favorites Orbit and Reveal
And ZURB didn't stop there, they did an awesome job showing off the documentation too. You can learn about all the features of Foundation, as well as how to use it on mobile and desktop displays.
From your Terminal …
(sudo) gem install ZURB-foundation
If you use Bundler, simply add
ZURB-foundation to your
Form here, you have a few options on getting started with ZURB Foundation. You can start a Compass-based project with ZURB Foundation or you can install ZURB Foundation into an existing Compass-based project.
Start a Compass-based project with ZURB Foundation
You can start a brand new project using Compass and ZURB Foundation with the following
compass create <project-name> -r ZURB-foundation --using ZURB-foundation --force
If you'd like to require ZURB Foundation to install using a particular Sass syntax, use the Compass
--syntax flag. Here's an example.
compass create <my_project> -r ZURB-foundation --using ZURB-foundation --syntax sass --force
Install ZURB Foundation into an existing Compass-based project
You can install ZURB Foundation into an existing project with Compass in place already.
compass install ZURB-foundation/project
Running this will unfurl a number of files from the ZURB Foundation gem using the Compass framework.