/ / Ako zmeniť maximálnu šírku riadku v nadácii 6 pomocou SASS - zurb-foundation, zurb-foundation-6

Ako zmeniť maximálnu šírku riadku v nadácii 6 pomocou SASS - zurb-foundation, zurb-foundation-6

Pokúšam sa zmeniť maximálnu šírku riadkuod 1200 pixelov po 1560 pixelov však nemôžem nájsť takéto riešenie a používam SASS na kompiláciu. Predpokladám, že nastavenia je potrebné zmeniť v súbore settings.scss, ale všetky zmeny, ktoré urobím, nemajú žiadny vplyv na šírku riadku.

Videl som tu premennú premenných bodov

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

Tam som zmenil veľké: od 1200px na 1560px a zmenil aj ostatné zarážky.

Tiež som zmenil $ globálnu šírku tu

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

Zdá sa, že žiaden z nich nemal žiadny účinok. Uistil som sa, že bol zahrnutý do môjho súboru main.scss.

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

Moja štruktúra priečinkov je

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

Takisto som sa dvakrát skontroloval a účinky všetkých ostatných scss súborov fungujú v poriadku. Nedostávam žiadne chyby.

UPDATE: Taktiež som sa uistil, že sa nastavenie importu stalo po tom, ako moja základňa obsahuje

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

Všetko sa vyskytuje pred zvyškom môjho dovozu.

Ako zmeníte maximálnu šírku alebo riadky / body zlomu v SASS v nadácii 6

UPDATE: Pridal som aj testovanú premennú

$testcolor: #523432;

a používali ho inde v základni / farbách

* { border: 1px solid $testcolor;}

A to funguje dobre.

odpovede:

1 pre odpoveď č. 1

Ukázalo sa, že to má čo do činenia s objednávkou, ktorú som dovážal. Súbor _settings.scss je potrebné importovať pred základným súborom _foundation.scss.