Допомога у програмуванні, відповіді на питання / Фундамент Zurb / Як змінити максимальну ширину рядка у Фонді 6 за допомогою SASS - zurb-foundation, zurb-foundation-6

Як змінити максимальну ширину рядка у Фундації 6 за допомогою SASS - zurb-foundation, zurb-foundation-6

Я намагаюся змінити максимальну ширину рядкавід 1200 пікселів до 1560 пікселів, однак у мене виникають проблеми з тим, щоб це зробити. Я використовую SASS для компіляції. Я вважаю, що налаштування потрібно просто змінити у файлі settings.scss, однак будь-які внесені зміни не впливають на ширину рядків.

Я бачив тут змінну точок зупинки

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

Там я змінив великі: від 1200px до 1560px і змінив інші точки зупинки, а також.

Також я змінив глобальну ширину $

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

Жоден з цих, мабуть, не мав жодного ефекту. Я переконався, що він був включений у файл main.scss.

@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

Також я подвійний контроль і ефекти всіх інших файлів SCS працюють просто добре. Я не отримую помилок.

UPDATE: Я також переконався, що налаштування імпорту відбувається після мого основного фонду включає в себе

@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: Я також додав тестову змінну