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?

eneepo · Accepted Answer · 2013-08-25 06:27:58Z

38

You can simply use:

sass --watch input-dir:output-dir

i.e:

sass --watch scss:css

answered Aug 25, 2013 at 6:27

eneepo

1,4773 gold badges22 silver badges34 bronze badges

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

2 Comments

Eddie Over a year ago

scss or sass CLI application's help page doesn't say anything about the colon between input dir and output dir. And this works well for my sass v3.4.22

jkcl Over a year ago

This is exactly what I needed.

maxbeatty · Accepted Answer · 2012-05-27 19:03:54Z

16

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

answered May 27, 2012 at 19:03

maxbeatty

9,3653 gold badges35 silver badges36 bronze badges

4 Comments

Leon Gaban Over a year ago

uhm I'm having the same problem, but not sure how to use your answer, I have a scss folder and a css folder, but for some strange reason sass is outputting into a stylesheets folder :(

maxbeatty Over a year ago

It's hard to help without knowing more about your project. How are you compiling your sass?

ts_pati Over a year ago

Is there any way, to do this without Compass?

maxbeatty Over a year ago

@ts_pati the second code snippet is for the Sass command line tool that takes your input file as the first argument and a path to the output file as the second argument

mattc · Accepted Answer · 2012-05-25 21:55:58Z

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"

answered May 25, 2012 at 21:55

mattc

475 bronze badges

Comments

Furqan Amin · Accepted Answer · 2017-02-17 15:35:17Z

0

You can also use koala app(http://koala-app.com/) to change the css output direcctory. i think this is simplest method. 1. Install Koala app 2. Run and add both directories in Koala interface and refersh.

edited Feb 17, 2017 at 15:35

answered Feb 17, 2017 at 15:26

Furqan Amin

555 bronze badges

Collectives™ on Stack Overflow

Change the output directory of .css files

4 Answers 4

2 Comments

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related