title: ParseError:Unrecognised input in less while creating custom less file
body: <p>I'm trying to play around on bootstrap 3. I would like to create a custom less file (say custom_img.less) and import it to bootstrap.less. However, when I tried to compile the less to css, I got the error ParseError: UNrecognize input in xxxx. Please see the code below.</p>
  
  <p><strong>custom_img.less</strong></p>
  
  <pre><code>.img-custom {
    @media (min-width: @grid-float-breakpoint) {
      width: 50%*@grid-float-breakpoint;
      height: 50%@grid-float-breakpoint;
    }
  }
  </code></pre>
  
  <p></p>
  
  <p><strong>Importing it in bootstrap.less</strong></p>
  
  <pre><code>@import "wells.less";
  @import "close.less";
  @import "custom_img.less";
  </code></pre>
  
  <p>The error is this- ParseError: Unrecognised input in XXXXX in</p>
  
  <pre><code>.img-custom {
  </code></pre>
  
  <p>What is wrong/missing? do I need to import something?</p>
  
  <p>Thank you in advance.</p>