1

特別なブレークポイントに別のグリッドレイアウトを適用したいだけです（問題の理由は間違っているかもしれません...）

次のコードを試してみると、エラーが発生します。

@includeループが見つかりました：at-breakpointにはそれ自体が含まれます

#br-page-wrapper
{
    @include container();
    @include at-breakpoint($breakpoint-mobile-portrait)
    {
       @include with-grid-settings($layout-mobile-portrait)
       {
          @include container();
          background: red;
       }
   }
}

var $ layout-mobile-portraitは、constants.scssで定義されています。

$layout-mobile-portrait: 1 98% 2% 0;

しかし、変数を変数の値に置き換えても、エラーは発生しません。

4

1 に答える 1

1

短い：

次の2つのいずれかを実行できます。

// use commas:
@include with-grid-settings(1, 98%, 2%, 0) { /* content */ }

// use varargs (with "..."):
@include with-grid-settings($layout-mobile-portrait...) { /* content */ }

長さ：

container()at-breakpoint()要求された列がの現在の設定と異なる場合はいつでも呼び出します$total-columns。問題はwith-grid-settings()、スペースで区切られたリストを使用しているため、に有効な値を渡していないことです。with-grid-settings()リスト全体をの値として設定します。この値は$total-columns、新しいレイアウトとして解析される場所に渡され、誤った設定container()とは等しくなりません。$total-columns

于 2013-01-25T04:14:49.607 に答える