Menu icon Foundation
How to get compass to compile .css into one directory

I'm using Foundation 5 with Compass and without Bower.

My file setup is:

 /myProject/
    /css
    /js/foundation/
    /js/vendor/
    /fonts/
    /scss/foundation
    /scss/myProject/
    config.rb
            

         

config.rb is:

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"


# You can select your preferred output style here (can be overridden via the command line):
output_style = :nested

# To enable relative paths to assets via compass helper functions. Uncomment:
 relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
            

         

app.scss is:

// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

// Make sure the charset is set appropriately
@charset "UTF-8";
@import "compass/css3";
@import "compass/utilities";


// Behold, here are all the Foundation components.
@import
    "foundation/normalize",
  ...
  "foundation/components/visibility";

@import
    "myProject/font-definitions",
    "myProject/overrides",
    "myProject/base";
            

         

I also have some section-specific .scss files at:

/myProject/scss/myProject/home.scss

When I run compass compile I want ALL .css files in the /css directory. Instead, compass is creating:

/css/myProject/home.css

It does this regardless of whether relative assets is set to true or false.

Is it possible to do what I want? Or do I have to put all my standalone .scss files directly under /scss?

compass.scssNO Bower

I'm using Foundation 5 with Compass and without Bower.

My file setup is:

 /myProject/
    /css
    /js/foundation/
    /js/vendor/
    /fonts/
    /scss/foundation
    /scss/myProject/
    config.rb
            

         

config.rb is:

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"


# You can select your preferred output style here (can be overridden via the command line):
output_style = :nested

# To enable relative paths to assets via compass helper functions. Uncomment:
 relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
            

         

app.scss is:

// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

// Make sure the charset is set appropriately
@charset "UTF-8";
@import "compass/css3";
@import "compass/utilities";


// Behold, here are all the Foundation components.
@import
    "foundation/normalize",
  ...
  "foundation/components/visibility";

@import
    "myProject/font-definitions",
    "myProject/overrides",
    "myProject/base";
            

         

I also have some section-specific .scss files at:

/myProject/scss/myProject/home.scss

When I run compass compile I want ALL .css files in the /css directory. Instead, compass is creating:

/css/myProject/home.css

It does this regardless of whether relative assets is set to true or false.

Is it possible to do what I want? Or do I have to put all my standalone .scss files directly under /scss?