SCSS mixins говорит о недопустимой ошибке CSS

Question

У меня есть следующий файл SCSS, содержащий mixins.

@mixin respond-to($media) { 
    @if $media == screen-xs { 
     @media only screen and (min-width: $screen-xs-min) { 
      @content; 
     } 
     @at-root .no-mediaqueries #{&}{ @content }; 
    } @else if $media == screen-sm { 
     @media only screen and (min-width: $screen-sm-min) { 
      @content; 
     } 
     @at-root .no-mediaqueries #{&}{ @content } 
    } @else if $media == screen-md { 
     @media only screen and (min-width: $screen-md-min){ 
      @content; 
     } 
     @at-root .no-mediaqueries #{&}{ @content } 
    } @else if $media == screen-lg { 
     @media only screen and (min-width: $screen-lg-min){ 
      @content; 
     } 
     @at-root .no-mediaqueries #{&}{ @content } 
    } 
} 

При попытке получить доступ к веб-странице, он показывает ошибку:

Invalid CSS after "...mediaqueries #{": expected expression (e.g. 1px, bold), was "&}{ @content };"

Любые идеи? Я обновил драгоценный камень sass до 3.2.13, но я не знаю, был ли обновлен драгоценный камень компаса.

Answer 1

Директива @at-root требует Sass 3.3, который все еще находится в разработке. Вам нужно будет обновить Sass, используя флаг --pre: gem install sass --pre.