At-breakpoint回退导致错误

Question

我发现主题susy, media queries, and lt IE9它声明您可以将“fallback类”添加到变量中，以使其应用于所有指定的使用变量的断点。

所以我改变了我的变量：

$desk: 58em 12; 

到

$desk: 58em 12 lt-ie9; 

但是，这会导致这样的错误：

Syntax error: Base-level rules cannot contain the parent-se1ector-referencing character ' & ' . 
    on line 91 of C: /Ruby200/lib/ruby/gems/2.0.0/gems/susy-1.0.9/sass/susy/_media.scss,   in ‘ Gcontent ' 
    from line 15 of C: /Ruby200/lib/ruby/gems/2.0.0/gems/susy-1.0.9/sass/susy/_media.scss, in ‘ layout ' 
    from line 54 of C: /Ruby200/lib/ruby/gems/2.0.0/gems/susy-1.0.9/sass/susy/_media.scss, in ‘ at-breakpoint ' 
    from line 87 of C: /localpath/sass/layouts/project/site.layout.scss 

最后一行是第一个行，其中媒体第一次调用布局变量“$ desk”。

@include at-breakpoint($desk) { 
    .l-header, 
    .l-main, 
    .l-footer, 
    .l-region--navigation { 
     @include set-container-width; // Reset only the container width (elements have already been declared as containers). 
    } 

我是否缺少一些明显的语法错误？

Answer 1

这是一个Sass问题，应该在Sass 3.3中修正（目前在alpha中）。为了设置一个备用类，Susy必须使用Sass父选择器（&） - 但是当没有父对象时该选择器失败。我们一直在跟踪问题on GitHub，并且您可以在该主题中找到一些解决方法。基本上，如果您使用后备课程（在Sass 3.3之前），则必须在另一个选择器中嵌套at-breakpoint。在这是一个简单的移动混入现有的选择中大多数情况下（包括你）：

.l-header, 
.l-main, 
.l-footer, 
.l-region--navigation { 
    @include at-breakpoint($desk) { 
    @include set-container-width; 
    } 
}