我正在使用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";