0

トピックsusy、メディアクエリ、および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

最後の行は、メディア レイアウト変数「$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).
    }

明らかな構文エラーがいくつかありませんか?

4

1 に答える 1

1

これは Sass の問題であり、Sass 3.3 (現在はアルファ版) で修正される予定です。フォールバック クラスを設定するために、Susy は Sass 親セレクター ( &) を使用する必要がありますが、親がない場合、そのセレクターは失敗します。GitHubで問題を追跡しており、そのスレッドでいくつかの回避策を見つけることができます。基本的に、フォールバック クラス (Sass 3.3 より前) を使用する場合は、at-breakpoint別のセレクター内にネストする必要があります。ほとんどの場合 (あなたのものを含む)、既存のセレクター内で mixin を移動するだけです。

.l-header,
.l-main,
.l-footer,
.l-region--navigation {
  @include at-breakpoint($desk) {
    @include set-container-width;
  }
}
于 2013-09-23T15:42:33.177 に答える