less CSS parse error: media definitions require block statements
<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>