title: Compile/Watch Sass with Sublime Text 2 when Output Path in previous folder
body: <p>I'm new to using SASS and Sublime Text 2 for WordPress development, both are exactly what I need but I've run into a problem with compiling my SASS into CSS, which I'm trying to do using the SassBuilder package like it was in <a href="http://www.hongkiat.com/blog/sublime-text-compiling-sass/" rel="nofollow">Hongkiat's guide</a>.</p>
  
  <p>The issue could be one of the following - </p>
  
  <blockquote>
    <ol>
    <li>config-file using incorrect output-path (seems to be the case to me
    personally).</li>
    <li>config file location needs to be changed.</li>
    <li>my coding SASS could possibly be wrong causing no changes to occur on the style.css file.</li>
    <li>settings wrong with Sublime Text 2.</li>
    <li>My files are SCSS and thus will not work with SassBuilder</li>
    </ol>
  </blockquote>
  
  <p>The Underscores framework stores the style.css file in the root of the theme folder so </p>
  
  <blockquote>
    <p>theme/style.css</p>
  </blockquote>
  
  <p>this is while the sass files are found within a folder in the theme folder so </p>
  
  <blockquote>
    <p>theme/sass/sassfiles.scss</p>
  </blockquote>
  
  <p>In my .sassbuilder-config.json file (The file used by SassBuilder to compile into CSS) I currently have the following code, but I'm unsure whether my output_path is actually targeting the style.css file which is in the <strong>folder above</strong> the .sassbuilder-config file </p>
  
  <pre><code>{
      "output_path": ".../style.css",
      "options": {
          "cache":         true,
          "debug":         true,
          "line-comments": true,
          "line-numbers":  true,
          "style":         "nested"
      }
  }
  </code></pre>
  
  <p>Is this targeting the correct file, if not what would the correct code to make it do so be? I've done some Googles but keep coming into pathing code for non related languages.</p>
  
  <p>I could also consider moving the config file but the Hongkiat guide states it should be in the same folder as the SASS files, from what I've understood.</p>
  
  <p>My code could possibly be wrong, but all I've done so far is just some basic variables to actually test the compiling and that not working when tested is why I'm here, I've copy pasted a font weight variable to all relevant files, individually, in various combinations and altogether even though the import should have sufficed - but even then it did not update the style.css in any case.</p>
  
  <p>To get into detail regarding the code I'm trying to apply a font style to all headings, though one confusing thing is that there are two typography.scss files to be found with Underscores, though their contents sort of differ.</p>
  
  <p>The SASS variable in <code>theme/sass/variables-site/_typography.scss</code></p>
  
  <pre><code>$font-header-weight: 800;
  </code></pre>
  
  <p>Then in headings which if found in <code>theme/sass/typography/_headings.scss</code></p>
  
  <pre><code>h1,h2,h3,h4,h5,h6 {
  font-weight: $font-header-weight;
  }
  </code></pre>
  
  <p>The other _typography.scss file draws variables from the one above so I presume that adding another variable was the thing to do. </p>
  
  <p>As for Sublime Text 2, I'm new to Sublime Text but I've seen on tutorials and web articles etc that people are using code to watch but I'm unsure where/which program I do this with (is it command line?)</p>
  
  <p>I have also followed the guide on the SASS site to get the code running so it shouldn't be that (using Ruby version 1.9.3-p551)</p>
  
  <p>If the issue is SCSS files and not SASS, how do I compile it then? as I've looked that up too but am still as confused.</p>
  
  <p>Hope I get some clarity on this soon, stuck at the first step and I just want to get on and start designing!</p>
  
  <p>To summarize, I just want my SASS to start watching/compiling out to my CSS file.</p>