Change CSS output file name in Compass

Question

I use Compass to compile .scss files to .css files. I have a file called app.scss that I want to compile for foundation.css.

The problem is that I cannot just rename app.scss to foundation.scss, because the result is a circular import error (app.scss includes the following line: @import "foundation"; ).

Is there a way for Compass to rename app.scss to foundation.css at compile time.

Thanks.

Answer 1

The simplest would be to change app.scss to _app.scss and then have foundation.scss that does nothing but import _app.scss .