/ / So ändern Sie die maximale Zeilenbreite in Foundation 6 mit SASS - zurb-foundation, zurb-foundation-6

So ändern Sie die maximale Zeilenbreite in Foundation 6 mit SASS - zurb-foundation, zurb-foundation-6

Ich versuche, die maximale Zeilenbreite zu ändernvon 1200px zu 1560px jedoch habe ich Schwierigkeiten, irgendwie zu finden, um dies zu tun. Ich verwende SASS, um zu kompilieren. Ich gehe davon aus, dass Einstellungen nur in der Datei "settings.scss" geändert werden müssen, aber alle Änderungen, die ich mache, scheinen keinen Einfluss auf die Zeilenbreite zu haben.

Ich habe hier eine Haltepunktvariable gesehen

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

Dort habe ich groß geändert: von 1200px auf 1560px und habe auch die anderen Breakpoints geändert.

Ich habe hier auch die $ global-width geändert

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

Keiner von diesen schien irgendeine Wirkung zu haben. Ich stellte sicher, dass es in meiner main.scss-Datei enthalten war.

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

Meine Ordnerstruktur ist

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

Auch ich habe es überprüft und die Auswirkungen aller anderen scss-Dateien funktionieren gut. Ich bekomme keine Fehler.

UPDATE: Ich habe auch dafür gesorgt, dass der Einstellungsimport nach meiner Basisfundierung stattfindet

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

Alle treten vor dem Rest meiner Importe auf.

Wie ändert man die maximale Breite oder Zeilen / Haltepunkte in SASS in Foundation 6?

UPDATE: Ich habe auch eine Testvariable hinzugefügt

$testcolor: #523432;

und benutzte es anderswo in der Basis / Farben so

* { border: 1px solid $testcolor;}

Und das funktioniert ganz gut.

Antworten:

1 für die Antwort № 1

Es stellte sich heraus, dass es sich um die Reihenfolge handelte, die ich importierte. Die _settings.scss-Datei muss vor der Basisdatei _foundation.scss importiert werden.