title: SCSS mixins says invalid CSS error
body: <p>I have the following SCSS file containing mixins.</p>
  
  <pre><code>@mixin respond-to($media) {
      @if $media == screen-xs {
          @media only screen and (min-width: $screen-xs-min) {
              @content;
          }
          @at-root .no-mediaqueries #{&amp;}{ @content };
      } @else if $media == screen-sm {
          @media only screen and (min-width: $screen-sm-min) {
              @content;
          }
          @at-root .no-mediaqueries #{&amp;}{ @content }
      } @else if $media == screen-md {
          @media only screen and (min-width: $screen-md-min){
              @content;
          }
          @at-root .no-mediaqueries #{&amp;}{ @content }
      } @else if $media == screen-lg {
          @media only screen and (min-width: $screen-lg-min){
              @content;
          }
          @at-root .no-mediaqueries #{&amp;}{ @content }
      }
  }
  </code></pre>
  
  <p>When I try to access the webpage, it shows the error:</p>
  
  <blockquote>
    <p>Invalid CSS after "...mediaqueries #{": expected expression (e.g. 1px,
    bold), was "&amp;}{ @content };"</p>
  </blockquote>
  
  <p>Any ideas? I updated the sass gem to 3.2.13 but I don't know if the compass-rails gem was also updated.</p>