財団6 - ミックスインをブレークポイント - 「中」が正しく

Question

を設定していない私は、培地のみの画面に異なるフォントサイズを設定しようと小さい：

// _settings.scss 

$global-font-size: 100%; 
$global-width: rem-calc(1000); 
$breakpoints: (
    small: 0px, 
    medium: 640px, 
    large: 1000px 
); 


// _header.scss 

.top-bar-left { 

    h1 { 
     font-size: 1.5rem; 

     @include breakpoint(medium down) { 
      font-size: 3rem; 
     } 
    } 
} 

を以下のCSSが生成されます。

@media screen and (max-width: 62.4375em) 
.top-bar .top-bar-left h1 { 
    font-size: 3rem; 
} 

中規模のサイズ（640px < => 40emではなく62.5em）が欲しいので問題です。

私は何かを忘れましたか？多分私の設定で？ 1000pxへ

@charset 'utf-8'; 

@import 'settings'; 
@import '../node_modules/foundation-sites/scss/foundation'; 

/** 
* Foundation 6 
*/ 
@include foundation-everything; 

/** 
* App 
*/ 
@import 'base'; 
@import 'header'; 
@import 'homepage'; 

Answer 1

この理由は、あなたが「中のすべて」にブレークポイントを設定していることである==> 640ピクセルと「のすべて：

UPDATE

マイSASSエントリファイル小 "==> 0pxから640px。したがって、最大幅= 62.4375emまたは16 * 62.4375em = 999px。

あなたは "640ピクセルダウンから" を目指しているなら、あなたはちょうど必要があります。

@include breakpoint(small only) { 
    font-size: 3rem; 
} 

に評価する必要があり、どの：= 639px

@media screen and (max-width: 39.9375em) { 
    font-size: 3rem; 
} 

どこ39.9375em * 16。

編集 別の方法としては、ブレークポイント機能を使用することができます：あなたが答えるため

@media screen and #{breakpoint(small only)} { 
    font-size: 3rem; 
}