title: How to specify correct output folder for CSS using SASS & LiveReload?
body: <p>Having a strange problem.</p>
  
  <p>I'm using SASS, I have compass installed, but don't need to use it because I have LiveReload.</p>
  
  <p>With LiveReload I've pasted the script into my index2.html file. Then in Output Paths I have my sass/main.scss folder targeted to the css/main.css folder. However for some reason it still outputs to a stylesheet folder.</p>
  
  <p>This is driving me nuts, how do I force SASS or lifereload to make sure I'm outputting to the correct folder? I never created the stylesheets folder and when I deleted and make a change and save my main.scss file it recreates the stylesheets folder and puts main.css inside that X_X</p>
  
  <p><strong>Edit:</strong> I believe it is a config file somewhere in this python project. I Found a config.rb file, but path seems fine there, so it must be another setting somewhere... I'm going to keep looking, or I could ask the Python dev Monday</p>
  
  <p><em>config.rb</em></p>
  
  <pre><code># Require any additional compass plugins here.
  
  require 'compass/util'
  
  require 'compass/browser_support'
  
  require 'compass/sass_extensions'
  
  require 'compass/version'
  
  require 'compass/errors'
  
  require 'compass_twitter_bootstrap'
  
  require 'breakpoint'
  
  require 'toolkit'
  
  
  
  # Set this to the root of your project when deployed:
  
  http_path = "/"
  
  css_dir = "css"
  
  sass_dir = "sass"
  
  images_dir = "img"
  
  javascripts_dir = "scripts/js"
  
  environment = :production
  
  output_style = (environment == :production) ? :compressed : :expanded
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ZSges.png" alt="enter image description here"></p>