How to output CSS files to single directory from several input directories?

Question

Is there a configuration option that will enable me to output scss files located in several directories? I.E.:

foo / foo.scss
bar / bar.scss
baz / baz.scss

into a single output directory

css / foo.css
      bar.css
      baz.css

Have you tried add_import_path in your config.rb? compass-style.org/help/tutorials/configuration-reference — cimmanon
– cimmanon, Commented Jun 6, 2013 at 15:54
I think that just adds to the list of available import locations - what I'm looking for is to control the output directories — sunwukung
– sunwukung, Commented Jun 6, 2013 at 20:19

Andrey Mikhaylov - lolmaus · Accepted Answer · 2013-06-14 11:55:06Z

1

Consider creating a sass directory with dummy files for each of your components:

project/
  css/
    foo.css
    bar.css
    baz.css
  modules/
    foo/
      foo.scss
    bar/
      bar.scss
    baz/
      baz.scss
  sass/
    foo.scss
    bar.scss
    baz.scss

Each dummy file should import the corresponding component.

sass/foo.scss:

@import "../modules/foo/foo.scss";

When you have all dummy files set up, run sass --update sass:css from the root of your project.

answered Jun 14, 2013 at 11:55

Andrey Mikhaylov - lolmaus

24k8 gold badges91 silver badges142 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to output CSS files to single directory from several input directories?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related