Using blueprint.sass in Webby/Compass Integration

Question

I'm following an article here:

http://gom-jabbar.org/articles/2009/02/04/don-t-use-css-or-table-layout-use-sass-ad-compass

more specifically the section entitled "Concrete Example of using Compass and Sass for creating a layout that people generally use tables for"

The example references @import blueprint.sass

Where is this file located as my webby project does not seem to be able to find it.

(Also note that I'm using Ubuntu)

My layout.sass file looks like this (nothing fancy):

---
filter: sass
extension: css
layout: nil
---
@import blueprint.sass
body
  +blueprint-typography

I get the following error when running webby:

create  output/stylesheets/layout.css
[22:56:30] ERROR: while rendering page 'content/stylesheets/layout.sass'
[22:56:30] ERROR: sass filter error: "File to import not found or unreadable: blueprint.sass."

Answer 1

Definitely need to upgrade to the latest edge haml. That was a bug in how comments get parsed that was fixed in the last month or so.

git checkout git://github.com/nex3/haml.git
cd haml
rake install

Answer 2

Alright figured it out...

You have to download/install the most recent installation of haml which isn't yet specified on the compass primer

This should actually be the first step in installing it!

And here is how that step goes:

1. Download the latest version of HAML with the following command: git clone git://github.com/nex3/haml.git (This will create a new directory ./haml/)

2. Change to the ./haml/ directory.

3. In the ./haml/ directory type the following command: rake install