title: How to make Compass Vertical Rhythm output Rems instead of Ems with px fallback?
body: <p>I want to do this: <a href="http://www.youtube.com/watch?v=ls3Clk-kz3s" rel="noreferrer">http://www.youtube.com/watch?v=ls3Clk-kz3s</a> but output rems (with px fallback) instead of ems.</p>
  
  <p>Apparently this <a href="https://github.com/chriseppstein/compass/pull/896" rel="noreferrer">https://github.com/chriseppstein/compass/pull/896</a> is added to compass and should somehow work, but I don't quite get what do I need from <a href="http://compass-style.org/reference/compass/typography/vertical_rhythm/" rel="noreferrer">http://compass-style.org/reference/compass/typography/vertical_rhythm/</a> to my .scss -file to make it.</p>
  
  <p>If I were to just take the code from <a href="https://gist.github.com/ry5n/2026666" rel="noreferrer">https://gist.github.com/ry5n/2026666</a> as a mixin (even without Compass at all) and use:</p>
  
  <pre><code>@include set-font-size()
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>@include adjust-font-size-to()
  </code></pre>
  
  <p>It works beautifully with rem values and px fallback.</p>
  
  <p>But if I just try to use Compass and go with</p>
  
  <pre><code>$font-unit: 1rem;
  $relative-font-sizing: false;
  </code></pre>
  
  <p>It works but without px fallback.</p>
  
  <p>If someone could put the full .scss code needed for Vertical Rhythm to work with Rems, I'd appreciate it very much. </p>
  
  <p>And why do I need $relative-font-sizing: false if I'm using Rems?
  Also, are there some competing philosophies on vertical rhythm other than getting the text to a grid like this? Which one do you prefer and what is your workflow?</p>
  
  <p>Thank you very much in advance.</p>