1

我只想在一个特殊的断点应用另一个网格布局（也许我做错了，这就是我的问题的原因......）

如果我尝试以下代码，我会得到错误：

已找到 @include 循环：断点处包含自身

#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

短的：

你可以做以下两件事之一：

// 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 回答