ブレークポイントを持つmodularscaleは、ブレークポイントごとに同じ値を生成します

Question

私はhttps://github.com/modularscale/modularscale-sassを使用しています。

私は、このセットアップがあります

$font-size-base: 16px; 
$modularscale: (
    base: $font-size-base, 
    ratio: 1.067, 
    768px: (
    ratio: 1.125, 
), 

を）。

その後、私が使用します。

h1 { 
    @include ms-respond(font-size, 12); 
} 

が、出力CSSは、2つのブレークポイントのために同じフォントサイズの値を与える：

h1 { 
    font-size:66px; 
} 
@media (min-width:768px){ 
    h1 { 
    font-size:66px; 
    } 
} 

のみ1.125比が使用されている...

私は間違って何をしていますか？

おかげ

Answer 1

は、私は2つの以上のブレークポイントを超える段階的な変化に対応するために、これを書きました。

$font-size-base: 16px; $modularscale: ( base: $font-size-base, ratio: 1.067, 450px: ( ratio: 1.067, ), 768px: ( ratio: 1.125, ), );

それは完全にあなたが行動が1つのブレークポイントで動作するように期待してください理にかなって：しかし、これはそうのように二つ以上のブレークポイントを必要とする「何が私が間違っているのでしょうか？」。私はあなたが期待するようにこの仕事をするための問題を開くでしょう。