@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' 的说明从 base/_base.css.scss 中取消注释 @import "grid-settings";。

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

@include outer-container not taking default defined in grid-settings

sass

neat

bourbon