Zurb Foundation-在SASS设置中设置行宽度无效



我正在使用zurb Foundation V6。在我的项目中,我想将行的宽度设置为与默认设置不同的值,我尝试在我的_settings.scss中设置可变$grid-row-width

$grid-row-width: 1400px;

但是,这行不起作用,该行仍将宽度设置为:

max-width: 75rem; 

将$ global-tidth:rem-calc(1200(更改为等于或更宽的东西。默认值为$网格宽度:$ Global Width。我认为您试图使其比允许的全球宽度更宽。

这是在我的 app.scss文件中导入文件的错误顺序,由于某种原因,当我将 foundation-everything之后导入 settings.scss时,它不起作用,但是在我在 foundation-everything之前导入 settings文件之后然后该行的宽度为1400px

@import "foundation";
@import "settings";
@import "motion-ui";
@include foundation-everything;
@import "top-bar";
@import "front-page";
@import "article";

最新更新