Ошибка возврата точки останова

Question

Я нашел тему susy, media queries, and lt IE9, где указано, что вы можете добавить «резервный класс» к переменной, чтобы применить ее ко всем указанным точкам останова, использующим эту переменную.

Так что я изменил мою переменную:

$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 

Последняя строка является первой строки, в которой СМИ -layout varible «$ desk» вызывается в первый раз.

Не хватает ли я очевидной синтаксической ошибки?

Answer 1

Это проблема с Sass и должна быть исправлена ​​в Sass 3.3 (в настоящее время в альфа). Чтобы установить резервный класс, 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; 
    } 
}