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