SASSでファンデーション6の最大行幅を変更する方法

Question

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

私はここ

あり

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

をブレークポイント変数を見て、私は大きな変更：1200pxから1560pxまでと同様に他のブレークポイントを変更しました。

私はまた、これらの$グローバル幅ここ

$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ファイルの効果がうまく働いています。私は間違いがない。

UPDATE：私も設定は私のベースの基盤が

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

が含まれた後、すべての私の輸入の残りの部分の前に起こる起こっインポートすることを確認しました。あなたが財団にSASSで6

UPDATEを最大幅や行/ブレークポイントを変更するにはどうすればよい

：私は色具合

のように/また、テスト変数

$testcolor: #523432; 

を追加し、ベースの他の場所でそれを使用しました

* { border: 1px solid $testcolor;} 

これはうまく動作します。

Answer 1

インポートした注文と関係があります。 _settings.scssファイルは、ベース_foundation.scssファイルの前にインポートする必要があります。