compass rails 3.1rc4

includes._setup.css.scss

// File is in /app/stylesheets/includes/_setup.css.scss
////////////////////////////////////////////////
// Import Blueprint defaults
////////////////////////////////////////////////
@import "blueprint/grid";
@import "blueprint/typography";
@import "blueprint/form";
@import "blueprint/interaction";
@import "blueprint/debug";

/////////////////////////////////////////////////
// Import CSS3 Goodness
/////////////////////////////////////////////////
@import "compass/utilities/sprites";
@import "compass/css3/text-shadow";
@import "compass/css3/box-shadow";
@import "compass/css3/border-radius";
@import "compass/css3/gradient";
@import "compass/css3/font-face";
@import "compass/css3/pie";
@import "compass/css3/opacity";
@import "compass/utilities/general/min";
@import "compass/typography/lists";
@import "compass/typography/vertical_rhythm";
@import "compass/css3/transform";

////////////////////////////////////////////////
// Blueprint grid setup.
////////////////////////////////////////////////
$relative_assets:false;
$blueprint-grid-columns: 24;

$blueprint-container-size: 980px;
$blueprint-grid-margin: 10px;
$blueprint-grid-width:30px;

// Grid image generation
@import 'compass/layout/grid-background';
$grid-background-column-color:#eef2f9;
$grid-background-baseline-color:rgba(0,0,0,0.15);
$grid-background-gutter-color:#fff;
$grid-background-offset:15px;

////////////////////////////////////////////////
// IE Support (enable in IE.scss)
////////////////////////////////////////////////
$experimental-support-for-pie: false;
$legacy-support-for-ie6: false;

////////////////////////////////////////////////
// CSS3 Text Shadow
////////////////////////////////////////////////
$default-text-shadow-color: black;
$default-text-shadow-h-offset: 1px;
$default-text-shadow-v-offset: 1px;
$default-text-shadow-blur: 1px;
$default-border-radius: 10px;

$grid-background-baseline-height:18px;
$base-font-size:$blueprint-font-size;
$base-line-height:24px;


/////// bunch of other vars etc below

screen.css.scss

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree ./screen 
*/

@import 'includes/setup';

screen.home.css.scss

// file is in /app/stylesheets/screen/home.css.scss

#home{
	#heading{ height:115px; }
	#intro_video{ @include column(14, true); height:310px; }

/// bunch of other css here

don't use require. use @import.