Asset Pipeline and Sprockets

Ok I would love to work out how to use the new Raisl 3.1 Asset Pipeline with SCSS variables, mixins etc and being able to use the asset_path tag.

What I have so far is this. Im my application.css.scss I have the following.

     *= require_self      *= require layout      *= require home

This works fine with using the asset_path helper and variable within layout ie,

    // layout.css.scss.erb     $main-color: #cccccc;

    .somediv{       background: url('<%=asset_path "small-avatar.gif"%>') no-repeat;       color: $main-color;     }

But now in home lets say I want to use the variable from my layout.

    // home.css.scss.erb     .another-div{       color: $main-color;     }

I get error.

    Sass:SyntaxError: Undefined variable. "$main-color"

I cant use the @import method as I will then not be able to use .erb for the asset_path helper.

Has anyone managed to get both working together ??