/ / SASS-zurb-foundation、zurb-foundation-6でFoundation 6の最大行幅を変更する方法

SASS - zurb-foundation、zurb-foundation-6でFoundation 6の最大行幅を変更する方法

私は最大行幅を変更しようとしていますしかし、1200pxから1560pxまではこれを行うのに問題があります。私はSASSを使ってコンパイルしています。 私は設定をsettings.scssファイルで変更する必要があると仮定していますが、私が行った変更は行幅に影響しないようです。

私はここでブレークポイント変数を見た

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

そこで私は大きく変わった:1200pxから1560pxに変更し、他のブレークポイントも変更した。

私もここで$ global-widthを変更しました

$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

また、私は二重チェックし、他のすべてのscssファイルの効果はうまく動作しています。私は何の誤りもない。

更新:私はまた、基本的な基礎の後に設定のインポートが行われたことを確認しました

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

すべて私の輸入の残りの前に発生します。

Foundation 6のSASSの最大幅または行/ブレークポイントをどのように変更しますか?

更新:テスト変数も追加しました

$testcolor: #523432;

他の場所でベース/カラーで使用しました

* { border: 1px solid $testcolor;}

そして、それはうまく動作します。

回答:

回答№1は1

それは私が輸入した注文と関係があったことが分かります。 _settings.scssファイルは、ベース_foundation.scssファイルの前にインポートする必要があります。