@include外部容器未采用网格设置中定义的默认值

Question

所以我根据docs定义了_grid-settings.css.scss，其中一些默认覆盖是$max-width: 1200px;。

我的覆盖的部分内容：

$visual-grid: true;
$visual-grid-color: green;
$visual-grid-index: front;
$visual-grid-opacity: 0.2;

$column: 90px;
$gutter: 30px;
$grid-columns: 8;
$max-width: 1200px;

我知道这是有效的，因为我也在使用可视网格，当我将$max-width更改为100%时，我发现这种情况发生了变化。

我遇到的问题是我的@include outer-container body不尊重此值，与docs相反，似乎没有注意到它。

body {
  @include outer-container;
}

当我将其更改为@include outer-container(1200px);时，内容将与网格的其余部分并列。

Answer 1

问题是我也在使用Bitters，并且不知道它也有自己的网格设置。我必须确保根据docs的说明从@import "grid-settings";取消注释base/_base.css.scss。