title: less CSS parse error: media definitions require block statements
body: <p>I'm using codekit to compile my Bootstrap LESS files and i keep getting this parse error on media queries that i didn't get when it was previously a CSS file.</p>
  
  <p><em>"ParseError: media definitions require block statements after any features in /assets/less/homepage.less on line 568, column 2:
  567 @media (max-width: @iphone_breakpoint) {
  568 }"</em></p>
  
  <p>Here is the complete line of code in question:</p>
  
  <pre><code>/* Custom, iPhone Retina */ 
  @media (max-width: @iphone_breakpoint) {
  }
  </code></pre>
  
  <p>Can anyone explain what's going on?</p>