harp-susy

Susy is a semantic CSS grid system with a responsive twist.

Dependencies

• Node.js – Server-side JavaScript runtime
• Harp – The static web server with built-in preprocessing
• Component – Client package management for building better web applications

Resources

• Harp documentation
• Sass documentation
• Compass documentation
• Susy documentation
• Susy tutorial

Install

To install Susy, you can download this repository or use the Component package manager.

npm install -g component
component install harp/susy

Compass Core will also be installed, as Susy uses it. Your project will look something like this…

myproject/                  <-- Your project root (or public dir if in framework-mode)
  |- components/            <-- Harp puts Components here
  |   +- harp-compass/      <-- Where Compass is installed
  |   +- harp-susy/         <-- Where this lib is installed
  |       …
  |- main.scss              <-- Where you reference Compass Core and Susy 
  +- index.jade             <-- Where you reference main.css

Link

Now, from within an .scss file in your project, you can @import Compass Core and Susy:

@import "components/harp-compass/scss/compass";
@import "components/harp-susy/scss/susy";

Or, simply import a portion of Compass:

@import "components/harp-compass/scss/css3";

License

This component is Susy, which is Copyright © 2014 Eric Meyer.