コンパス垂直リズム出力の作成方法pxフォールバックのEmsの代わりにRems？

Question

私はこれをしたい：http://www.youtube.com/watch?v=ls3Clk-kz3sしかし、emsの代わりに出力rems（pxのフォールバック）。

明らかにこのhttps://github.com/chriseppstein/compass/pull/896がコンパスに追加され、何とか動作するはずですが、私はhttp://compass-style.org/reference/compass/typography/vertical_rhythm/から私の.scss -fileに必要なものを得ることはできません。

私は（すべてでさえコンパスなし）ミックスインとしてhttps://gist.github.com/ry5n/2026666からコードを取るようにし、使用した場合：

@include set-font-size() 

の代わり：

@include adjust-font-size-to() 

それはレム値で美しく動作しますおよびpxフォールバック。

しかし、私はちょうどそれは、ピクセルのフォールバックなしではなく作品コンパスを使用しようと

$font-unit: 1rem; 
$relative-font-sizing: false; 

で行く場合。

もし誰かが垂直リズムに必要な完全な.scssコードをRemsと一緒に使うことができたら、私は非常に感謝しています。

なぜ私はRemsを使用している場合、$ relative-font-sizing：falseが必要ですか？ また、このようなグリッドにテキストを表示する以外に、垂直リズムに競合するいくつかの考え方がありますか？どちらを好むのですか？ワークフローは何ですか？

ありがとうございます。

Answer 1

コンパスへのこれらのアップデートはまだリリース前の宝石に残っており、compass-style.org（beta.compass-style.orgは含まれていません）ではまだ対応していません。新しい機能を使用するには、最新の宝石（0.13.alpha.4）インストール：新しい宝石で

gem install compass --pre 

を、垂直リズムAPIはhttps://github.com/chriseppstein/compass/pull/896あたりとして、主にその設定可能な変数には、わずかに異なっています。要するに、あなたのベースフォントサイズと行の高さを設定し、remに新しい$リズム単位の変数を設定します。

$base-font-size: 16px; 
$base-line-height: 24px; 
$rhythm-unit: 'rem'; 

$リズム単位の変数は$フォント・ユニット、および$相対フォントサイズを置き換えますあなたが心配する必要のない私的な内的なものです。

これ以降、$ rem-with-px-fallbackをfalseに明示的に設定しない限り、すべての通常の垂直リズムミックスインはフォールバックとともにremを出力します。 APIの残りの部分はほぼ同じですが、rhythm mixinを除いて、より合理的なデフォルト引数があります。 original pull requestに詳述されているいくつかの追加があります。

リズム機能は、単に値を返すだけなので、ピクセルフォールバックを提供できないことに注意してください。