title: How to get started with Compass/Sass on Mac – Invalid CSS error?
body: <p>I am trying to get started with Compass/Sass on my Mac. After running <code>sudo gem install compass</code>, I have set up a project with a single <code>main.scss</code> file and I use <code>compass watch</code> to have the file automatically compiled to CSS.</p>
  
  <p><code>main.scss</code> looks like this:</p>
  
  <pre><code>@import "compass/css3/border-radius"
  
  div .blah .baz {
    @include border-radius(4px, 4px);
    font-weight: bold; 
  }
  </code></pre>
  
  <p>Seems like nothing complicated, right? Well, every time I save the file, I get an error like this:</p>
  
  <pre><code>&gt;&gt;&gt; Change detected to: /Users/mikl/Sites/ddk7/profiles/blaahval/themes/kaskelot/./scss/main.scss
      error ./scss/main.scss (Line 3: Invalid CSS after ".../border-radius"": expected selector or at-rule, was "$blue: #3bbfce;")
  overwrite ./css/main.css
  </code></pre>
  
  <p>Is there something wrong with my SCSS syntax, or just compass just have very poor error messages?</p>