Как да промените максималната ширина на реда във Фондация 6 със SASS - zurb-foundation, zurb-foundation-6

Опитвам се да променя максималната ширина на редаот 1200px до 1560px, но все пак имам затруднения да напиша това. Използвам SASS за компилиране. Предполагам, че настройките просто трябва да се променят в файла settings.scss, но всички промени, които правя, изглежда нямат ефект върху ширината на реда.

Видях променлива на прекъсванията тук

$breakpoints: (
small: 0,
medium: 1200px,
large: 1560px,
xlarge: 1440px,
xxlarge: 1440px,
);

Там промених големи: от 1200px до 1560px и промених и други прекъсвания.

Също така промених $ глобалната ширина тук

$global-width: rem-calc(1560);

Никое от тях не изглеждаше да е имало някакъв ефект. Уверих се, че е включена в главния ми файл.

@import "vendors/foundation/settings";
@import "base/colors";
@import "base/global";
@import "base/typography";

Моята структура на папките е

-_main.scss
-base
-_colors.scss
-_global.scss
-_typography.scss
-vendors
-foundation
-_settings.scss

Също така проверих двойно и ефектите на всички останали файлове на scss работят добре. Няма да получа грешки.

АКТУАЛИЗАЦИЯ: Също така се уверих, че вносът на настройките се е случил, след като основната ми база включва

@import "../bower_components/foundation-sites/scss/util/util";
@import "../bower_components/foundation-sites/scss/foundation.scss";
@include foundation-global-styles;
@include foundation-grid;

Всичко се случва преди останалата част от моя внос.

Как да промените максималната ширина или редове / прекъсванията в SASS във Фондация 6

UPDATE: Също така добавих тестова променлива

$testcolor: #523432;

и го използва другаде в база / цветове като така

* { border: 1px solid $testcolor;}

И това работи добре.

Отговори:

1 за отговор № 1

Излиза, че е свързано с поръчката, която внасях. Файлът _settings.scss трябва да бъде импортиран преди основния файл _foundation.scss.

---