jan/revproxy-presentation
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

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

Browse source
This commit is contained in:
Hakim El Hattab 2020-06-05 13:17:43 +02:00
parent 66cbd66fb6
commit 1b6a3b1e6f
18 changed files with 144 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
examples/layout-helpers.html
View file

@ -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>