/ / Comment modifier la largeur de ligne maximale dans Foundation 6 avec SASS - zurb-foundation, zurb-foundation-6

Comment modifier la largeur de ligne maximale dans Foundation 6 avec SASS - zurb-foundation, zurb-foundation-6

Je "tente de modifier la largeur de ligne maximalede 1200px à 1560px cependant, j'ai du mal à trouver ça pour faire ça. J'utilise SASS pour compiler. Je suppose que les paramètres doivent simplement être modifiés dans le fichier settings.scss. Cependant, les modifications que je fais ne semblent pas avoir d'effet sur la largeur des lignes.

J'ai vu une variable points d'arrêt ici

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

Là j'ai changé grand: de 1200px à 1560px et ai changé les autres points d'arrêt aussi.

J'ai aussi changé le $ global-width ici

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

Aucun de ceux-ci ne semble avoir eu d'effet. Je me suis assuré qu'il était inclus dans mon fichier main.scss.

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

Ma structure de dossier est

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

J'ai également vérifié et les effets de tous les autres fichiers scss fonctionnent correctement. Je ne reçois aucune erreur.

MISE À JOUR: Je me suis également assuré que l’importation des paramètres s’est produite après que ma base de base comprenne

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

Tout se passe avant le reste de mes importations.

Comment modifiez-vous la largeur maximale ou les lignes / points d'arrêt dans SASS dans Foundation 6

MISE À JOUR: J'ai aussi ajouté une variable de test

$testcolor: #523432;

et utilisé ailleurs dans la base / couleurs comme ça

* { border: 1px solid $testcolor;}

Et ça marche très bien.

Réponses:

1 pour la réponse № 1

Il s'est avéré que cela concernait la commande que j'avais importée. Le fichier _settings.scss doit être importé avant le fichier _foundation.scss de base.