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 ??