/ / Cómo cambiar el ancho máximo de fila en Foundation 6 con SASS - zurb-foundation, zurb-foundation-6

Cómo cambiar el ancho máximo de fila en Foundation 6 con SASS - zurb-foundation, zurb-foundation-6

Intento cambiar el ancho máximo de filade 1200px a 1560px, sin embargo, tengo problemas para encontrarlo de todas maneras. Estoy usando SASS para compilar. Estoy asumiendo que las configuraciones solo necesitan ser cambiadas en el archivo settings.scss, sin embargo, cualquier cambio que haga parece no tener ningún efecto en el ancho de la fila.

Vi una variable de puntos de interrupción aquí

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

Allí cambié de tamaño: de 1200px a 1560px y cambié los otros puntos de corte también.

También cambié el ancho global $ aquí

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

Ninguno de estos parecía haber tenido ningún efecto. Me aseguré de que estuviera incluido en mi archivo main.scss.

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

Mi estructura de carpetas es

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

También comprobé dos veces y los efectos de todos los otros archivos de Scss están funcionando bien. No recibo ningún error.

ACTUALIZACIÓN: también me aseguré de que la importación de configuraciones ocurriera después de que mi base base incluye

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

Todos ocurren antes del resto de mis importaciones.

¿Cómo se cambia el ancho máximo o las filas / puntos de corte en SASS en Foundation 6?

ACTUALIZACIÓN: también agregué una variable de prueba

$testcolor: #523432;

y lo usó en otro lugar en base / colores como tal

* { border: 1px solid $testcolor;}

Y eso funciona bien.

Respuestas

1 para la respuesta № 1

Resulta que tenía que ver con el orden que importé. El archivo _settings.scss debe importarse antes del archivo base _foundation.scss.