SCSS mixins说无效的CSS错误

Question

我有以下包含mixins的SCSS文件。

@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 }
    }
}

当我尝试访问该网页时，会显示错误：

  

“... mediaqueries＃{”之后的无效CSS：预期表达式（例如1px，   大胆），是“＆amp;} {@content};”

有什么想法吗？我将sass gem更新为3.2.13，但我不知道是否还更新了compass-rails gem。

Answer 1

@at-root指令需要Sass 3.3，它仍处于开发阶段。您需要使用--pre标记升级Sass：gem install sass --pre。