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



所以我已经得到了我的_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中取消注释

相关内容

  • 没有找到相关文章