add support for auto-sized big text via r-fit-text

examples/layout-helpers.html

@@ -22,6 +22,7 @@
 				<section>
 					<h2>Layout Helper Examples</h2>
 					<ul>
+						<li><a href="#/fit-text">Big Text</a></li>
 						<li><a href="#/stretch">Stretch</a></li>
 						<li><a href="#/stack">Stack</a></li>
 						<li><a href="#/hstack">HStack</a></li>
@@ -29,6 +30,19 @@
 					</ul>
 				</section>
 
+				<section id="fit-text">
+					<h2>Fit Text</h2>
+					<p>Resizes text to be as large as possible within its container.</p>
+					<pre><code class="html" data-trim data-line-numbers>
+					  <h2 class="r-fit-text">FIT-TEXT</h2>
+					</code></pre>
+				</section>
+
+				<section>
+					<h2 class="r-fit-text">HELLO WORLD</h2>
+					<h2 class="r-fit-text">BOTH THESE TITLES USE FIT-TEXT</h2>
+				</section>
+
 				<section id="stretch">
 					<h2>Stretch</h2>
 					<p>Makes an element as tall as possible while remaining within the slide bounds.</p>