所以我已经得到了我的_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
上不尊重这个值,与文档相反,它似乎没有注意到它。
body {
@include outer-container;
}
当我将其更改为@include outer-container(1200px);
时,内容就会落在网格的其余部分旁边。
问题是我也在使用Bitters,不知道它也有自己的网格设置。我必须确保按照文档的说明将@import "grid-settings";
从base/_base.css.scss
中取消注释