Index: pages/utilities.html |
=================================================================== |
--- a/pages/utilities.html |
+++ b/pages/utilities.html |
@@ -1,18 +1,32 @@ |
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> |
</ol> |
<h2 id="backgrounds">Backgrounds</h2> |
<p class="bg-primary">Primary background</p> |
<p class="bg-secondary">Secondary background</p> |
<p class="bg-accent">Accent background</p> |
<p class="bg-error">Error background</p> |
+ |
+ |
+<h2 id="text-alignment">Text Alignment</h2> |
+ |
+<p class="text-center">Text aligned center</p> |
+ |
+<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> |