chriseppstein/compass — Issue #670: @import not working as expected
Author: Nkburdick
Created: 2012-01-10 22:57:59+00:00
State: open

All, I apologize if I'm missing something super easy, but I've been hitting my head against wall trying to do get my app working and I feel like I've tried everything. I have structured my stylesheet directory so that my application.css just loads screen.css.scss.

```
// Application.css
/*
*= require_self
*= require "screen"
*= require_directory ../../../vendor/assets/stylesheets/
*/
```

Then, screen.css.scss looks ("something") like this:

```
// screen.css.scss

@import "blueprint/reset";
@import "partials/base";
@import "blueprint";
@import "blueprint/scaffolding";

@import "compass";

// partials in a partial subdirectory
@import "style_guide";
@import "partials/header";
// .... other Sass partials
@import "partials/footer";
```

The footer and header partials use the Compass column mixins and the border-radius mixin. However, I have NOT @import "compass" or @import "blueprint" in either of those partials because I assumed that it would import and use the @import references above, is that wrong? Do you have to @import "compass" again in every partial? It works great as is in development.. but....

In my app, when I try in vain to precompile assets, it breaks on the css view partials because it says that there is no "column" mixin. What's odd too is that it seems like it's trying to compile in alphabetical file order, not based on the @import calls. Thanks for all the help!