| Index: pages/utilities.html |
| =================================================================== |
| --- a/pages/utilities.html |
| +++ b/pages/utilities.html |
| @@ -1,16 +1,17 @@ |
| title=Utilities |
| <h1>Utilities</h1> |
| <p>HTML & SCSS component utilities</p> |
| <ol> |
| <li><a href="#backgrounds">Backgrounds</a></li> |
| <li><a href="#text-alignment">Text Alignment</a></li> |
| + <li><a href="#lead-text">Lead text</a></li> |
| </ol> |
| <h2 id="backgrounds">Backgrounds</h2> |
| <p class="bg-primary">Primary background</p> |
| <p class="bg-secondary">Secondary background</p> |
| @@ -25,8 +26,14 @@ |
| <p class="text-left">Text aligned left</p> |
| <p class="text-start">Text aligned to the start of the container</p> |
| <p class="text-right">Text aligned right</p> |
| <p class="text-end">Text aligned to the end of the container</p> |
| + |
| +<h2 id="lead-text">Lead text</h2> |
| + |
| +<p class="lead"> "Lead text" is introductory text that is not part of a heading.</p> |
| + |
| +<p>It is typically visually emphasized, not semantically emphasized, like <code>strong</code> or <code>em</code>.</p> |