Change the output directory of .css files

Question

New to ruby (I usually use python/django), new to sass. I'm simply trying to configure the output css directory option.

Related question here: changing the output directory of the resulting css file in compass webby and here: possible to change the sass compass output folder for different files

Answer to both is to change config.rb. Where is config.rb found? Is there another way to set the options?

Answer 1

You can simply use:

sass --watch input-dir:output-dir

i.e:

sass --watch scss:css

Answer 2

config.rb is specific to Compass projects and is located in the root of your project. If you are using Compass, you can specify css_dir to your liking keeping in mind that / is root of your Compass project.

css_dir = "/assets/css"

If you are using just Sass, you can specify the output path when compiling.

sass input.scss ../path/to/output.css

Answer 3

Open config.rb in a text editor and change "css_dir" from "stylesheets" to "/" (see below)

   http_path = "/"
   css_dir = "/"
   sass_dir = "sass"
   images_dir = "images"
   javascripts_dir = "javascripts"