diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-06-05 13:17:43 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-06-05 13:17:43 +0200 |
commit | 1b6a3b1e6f38a65cc5330b2856275cd8a39ae6d7 (patch) | |
tree | 2c1273d83c10dbfaac402fb7130c5618efa68708 /examples | |
parent | 66cbd66fb6ae6a31e1478d47722805f7bedad7ee (diff) | |
download | fosdem-2021-minimalism-presentation-1b6a3b1e6f38a65cc5330b2856275cd8a39ae6d7.tar fosdem-2021-minimalism-presentation-1b6a3b1e6f38a65cc5330b2856275cd8a39ae6d7.tar.gz |
add support for auto-sized big text via r-fit-text
Diffstat (limited to 'examples')
-rw-r--r-- | examples/layout-helpers.html | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/examples/layout-helpers.html b/examples/layout-helpers.html index a815a29..a8375ed 100644 --- a/examples/layout-helpers.html +++ b/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> |